font awesome

Upload: hum-berto

Post on 10-Jan-2016

33 views

Category:

Documents


1 download

DESCRIPTION

Font for LaTeX

TRANSCRIPT

  • The fontawesome packageHigh quality web icons

    Xavier Danaux((LA)TEX code)Dave Gandy(font design)

    Version 4.4.0, released on July 30, 2015

    Abstract

    The fontawesome package grants access to 585 web-related icons providedby the included Font Awesome font, designed by Dave Gandy and releasedunder the open SIL Open Font License.

    This package works both with X(LA)TEX and Lua(LA)TEX (using fontspecto load the included original otf font), as well as (pdf)(LA)TEX (using anincluded type1 conversion and character mapping of the font).

    1 Introduction

    The fontawesome package aims to enable easy access in (LA)TEX to high quality iconscovering web application, transportation, gender, le type, spinner, form control,payment, chart, currency, text editor, directional, video player, brand and medicalpictograms. It is a redistribution of the free (as in beer) Font Awesome font withspecic bindings for (LA)TEX.

    2 Requirements

    The fontawesome package requires the fontspec package when using the X(LA)TEXor Lua(LA)TEX engines to load the included otf font. When using the (pdf)(LA)TEXengine, the fontawesome package doesnt require any external package.

    URL: github.com/xdanaux/fontawesome-latex; Licence: LaTeX Project Public License, ver-sion 1.3c; E-mail: [email protected].

    URL: fontawesome.io; Licence: SIL Open Font License, version 1.1.

    1

  • 3 Usage

    Once the fontawesome package loaded, icons can be accessed through the general\faicon\faicon, which takes as mandatory argument the name of the desired icon, orthrough a direct command specic to each icon. The full list of icon designs,names and direct commands are showcased next.

    3.1 Web application icons

    Icon Name Direct command

    500px \fa500Px adjust \faAdjust adn \faAdn align-center \faAlignCenter align-justify \faAlignJustify align-left \faAlignLeft align-right \faAlignRight amazon \faAmazon ambulance \faAmbulance anchor \faAnchor android \faAndroid angellist \faAngellist angle-double-down \faAngleDoubleDown angle-double-left \faAngleDoubleLeft angle-double-right \faAngleDoubleRight angle-double-up \faAngleDoubleUp angle-down \faAngleDown angle-left \faAngleLeft angle-right \faAngleRight angle-up \faAngleUp apple \faApple archive \faArchive area-chart \faAreaChart arrow-circle-down \faArrowCircleDown arrow-circle-left \faArrowCircleLeft arrow-circle-o-down \faArrowCircleODown arrow-circle-o-left \faArrowCircleOLeft arrow-circle-o-right \faArrowCircleORight arrow-circle-o-up \faArrowCircleOUp arrow-circle-right \faArrowCircleRight arrow-circle-up \faArrowCircleUp arrow-down \faArrowDown arrow-left \faArrowLeft arrow-right \faArrowRight

    2

  • Icon Name Direct command

    arrow-up \faArrowUp arrows \faArrows arrows-alt \faArrowsAlt arrows-h \faArrowsH arrows-v \faArrowsV* asterisk \faAsterisk at \faAt automobile \faAutomobile (alias) backward \faBackward balance-scale \faBalanceScale ban \faBan bank \faBank (alias)| bar-chart \faBarChart| bar-chart-o \faBarChartO (alias) barcode \faBarcode bars \faBars battery-0 \faBattery0 (alias) battery-1 \faBattery1 (alias) battery-2 \faBattery2 (alias) battery-3 \faBattery3 (alias) battery-4 \faBattery4 (alias) battery-empty \faBatteryEmpty battery-full \faBatteryFull battery-half \faBatteryHalf battery-quarter \faBatteryQuarter battery-three-quarters \faBatteryThreeQuarters bed \faBed beer \faBeer behance \faBehance behance-square \faBehanceSquare bell \faBell bell-o \faBellO bell-slash \faBellSlash bell-slash-o \faBellSlashO bicycle \faBicycle binoculars \faBinoculars birthday-cake \faBirthdayCake bitbucket \faBitbucket bitbucket-square \faBitbucketSquare bitcoin \faBitcoin (alias) black-tie \faBlackTie bold \faBold bolt \faBolt bomb \faBomb

    3

  • Icon Name Direct command

    book \faBook bookmark \faBookmark bookmark-o \faBookmarkO briefcase \faBriefcase btc \faBtc bug \faBug building \faBuilding building-o \faBuildingO bullhorn \faBullhorn bullseye \faBullseye bus \faBus buysellads \faBuysellads cab \faCab (alias) calculator \faCalculator calendar \faCalendar calendar-check-o \faCalendarCheckO calendar-minus-o \faCalendarMinusO calendar-o \faCalendarO calendar-plus-o \faCalendarPlusO calendar-times-o \faCalendarTimesO camera \faCamera camera-retro \faCameraRetro car \faCar caret-down \faCaretDown caret-left \faCaretLeft caret-right \faCaretRight caret-square-o-down \faCaretSquareODown caret-square-o-left \faCaretSquareOLeft caret-square-o-right \faCaretSquareORight caret-square-o-up \faCaretSquareOUp caret-up \faCaretUp cart-arrow-down \faCartArrowDown cart-plus \faCartPlus cc \faCc cc-amex \faCcAmex cc-diners-club \faCcDinersClub cc-discover \faCcDiscover cc-jcb \faCcJcb cc-mastercard \faCcMastercard cc-paypal \faCcPaypal cc-stripe \faCcStripe cc-visa \faCcVisa certicate \faCertificate chain \faChain (alias)

    4

  • Icon Name Direct command

    chain-broken \faChainBroken check \faCheck check-circle \faCheckCircle check-circle-o \faCheckCircleO check-square \faCheckSquare check-square-o \faCheckSquareO chevron-circle-down \faChevronCircleDown chevron-circle-left \faChevronCircleLeft chevron-circle-right \faChevronCircleRight chevron-circle-up \faChevronCircleUp chevron-down \faChevronDown chevron-left \faChevronLeft chevron-right \faChevronRight chevron-up \faChevronUp child \faChild chrome \faChrome circle \faCircle circle-o \faCircleO circle-o-notch \faCircleONotch circle-thin \faCircleThin clipboard \faClipboard clock-o \faClockO clone \faClone close \faClose (alias) cloud \faCloud cloud-download \faCloudDownload cloud-upload \faCloudUpload cny \faCny (alias) code \faCode code-fork \faCodeFork codepen \faCodepen coee \faCoffee cog \faCog cogs \faCogs columns \faColumns comment \faComment comment-o \faCommentO commenting \faCommenting commenting-o \faCommentingO comments \faComments comments-o \faCommentsO compass \faCompass compress \faCompress connectdevelop \faConnectdevelop

    5

  • Icon Name Direct command

    contao \faContao copy \faCopy (alias) copyright \faCopyright creative-commons \faCreativeCommons credit-card \faCreditCard crop \faCrop crosshairs \faCrosshairs css3 \faCss3 cube \faCube cubes \faCubes cut \faCut (alias) cutlery \faCutlery dashboard \faDashboard (alias) dashcube \faDashcube database \faDatabase dedent \faDedent (alias) delicious \faDelicious desktop \faDesktop deviantart \faDeviantart diamond \faDiamond digg \faDigg dollar \faDollar (alias) dot-circle-o \faDotCircleO download \faDownload dribbble \faDribbble dropbox \faDropbox drupal \faDrupal edit \faEdit (alias) eject \faEject ellipsis-h \faEllipsisH ellipsis-v \faEllipsisV empire \faEmpire envelope \faEnvelope envelope-o \faEnvelopeO envelope-square \faEnvelopeSquare eraser \faEraser eur \faEur euro \faEuro (alias) exchange \faExchange exclamation \faExclamation exclamation-circle \faExclamationCircle exclamation-triangle \faExclamationTriangle expand \faExpand expeditedssl \faExpeditedssl

    6

  • Icon Name Direct command

    external-link \faExternalLink external-link-square \faExternalLinkSquare eye \faEye eye-slash \faEyeSlash eyedropper \faEyedropper facebook \faFacebook facebook-f \faFacebookF (alias) facebook-ocial \faFacebookOfficial facebook-square \faFacebookSquare fast-backward \faFastBackward fast-forward \faFastForward fax \faFax feed \faFeed (alias) female \faFemale ghter-jet \faFighterJet le \faFile le-archive-o \faFileArchiveO le-audio-o \faFileAudioO le-code-o \faFileCodeO le-excel-o \faFileExcelO le-image-o \faFileImageO le-movie-o \faFileMovieO (alias) le-o \faFileO le-pdf-o \faFilePdfO le-photo-o \faFilePhotoO (alias) le-picture-o \faFilePictureO (alias) le-powerpoint-o \faFilePowerpointO le-sound-o \faFileSoundO (alias) le-text \faFileText le-text-o \faFileTextO le-video-o \faFileVideoO le-word-o \faFileWordO le-zip-o \faFileZipO (alias) les-o \faFilesO lm \faFilm lter \faFilter re \faFire re-extinguisher \faFireExtinguisher refox \faFirefox ag \faFlag ag-checkered \faFlagCheckered ag-o \faFlagO ash \faFlash (alias)

    7

  • Icon Name Direct command

    ask \faFlask ickr \faFlickr oppy-o \faFloppyO folder \faFolder folder-o \faFolderO folder-open \faFolderOpen folder-open-o \faFolderOpenO font \faFont fonticons \faFonticons forumbee \faForumbee forward \faForward foursquare \faFoursquare frown-o \faFrownO futbol-o \faFutbolO gamepad \faGamepad gavel \faGavel gbp \faGbp ge \faGe (alias) gear \faGear (alias) gears \faGears (alias) genderless \faGenderless get-pocket \faGetPocket gg \faGg gg-circle \faGgCircle gift \faGift git \faGit git-square \faGitSquare github \faGithub github-alt \faGithubAlt github-square \faGithubSquare gittip \faGittip (alias) glass \faGlass globe \faGlobe google \faGoogle google-plus \faGooglePlus google-plus-square \faGooglePlusSquare google-wallet \faGoogleWallet graduation-cap \faGraduationCap gratipay \faGratipay group \faGroup (alias)h h-square \faHSquare hacker-news \faHackerNews hand-grab-o \faHandGrabO (alias) hand-lizard-o \faHandLizardO

    8

  • Icon Name Direct command

    hand-o-down \faHandODown hand-o-left \faHandOLeft hand-o-right \faHandORight hand-o-up \faHandOUp hand-paper-o \faHandPaperO hand-peace-o \faHandPeaceO hand-pointer-o \faHandPointerO hand-rock-o \faHandRockO hand-scissors-o \faHandScissorsO hand-spock-o \faHandSpockO hand-stop-o \faHandStopO (alias) hdd-o \faHddO header \faHeader headphones \faHeadphones heart \faHeart heart-o \faHeartO heartbeat \faHeartbeat history \faHistory home \faHome hospital-o \faHospitalO hotel \faHotel (alias) hourglass \faHourglass hourglass-1 \faHourglass1 (alias) hourglass-2 \faHourglass2 (alias) hourglass-3 \faHourglass3 (alias) hourglass-end \faHourglassEnd hourglass-half \faHourglassHalf hourglass-o \faHourglassO hourglass-start \faHourglassStart houzz \faHouzz html5 \faHtml5 i-cursor \faICursor ils \faIls image \faImage (alias) inbox \faInbox indent \faIndent industry \faIndustry info \faInfo info-circle \faInfoCircle inr \faInr instagram \faInstagram institution \faInstitution (alias) internet-explorer \faInternetExplorer

    9

  • Icon Name Direct command

    intersex \faIntersex (alias) ioxhost \faIoxhost italic \faItalic joomla \faJoomla jpy \faJpy jsddle \faJsfiddle key \faKey keyboard-o \faKeyboardO krw \faKrw language \faLanguage laptop \faLaptop lastfm \faLastfm lastfm-square \faLastfmSquare leaf \faLeaf leanpub \faLeanpub legal \faLegal (alias) lemon-o \faLemonO level-down \faLevelDown level-up \faLevelUp life-bouy \faLifeBouy (alias) life-buoy \faLifeBuoy (alias) life-ring \faLifeRing life-saver \faLifeSaver (alias) lightbulb-o \faLightbulbO line-chart \faLineChart link \faLink linkedin \faLinkedin linkedin-square \faLinkedinSquare linux \faLinux list \faList list-alt \faListAlt list-ol \faListOl list-ul \faListUl location-arrow \faLocationArrow lock \faLock long-arrow-down \faLongArrowDown long-arrow-left \faLongArrowLeft long-arrow-right \faLongArrowRight long-arrow-up \faLongArrowUp magic \faMagic magnet \faMagnet mail-forward \faMailForward (alias) mail-reply \faMailReply (alias) mail-reply-all \faMailReplyAll (alias)

    10

  • Icon Name Direct command

    male \faMale map \faMap map-marker \faMapMarker map-o \faMapO map-pin \faMapPin map-signs \faMapSigns mars \faMars mars-double \faMarsDouble mars-stroke \faMarsStroke mars-stroke-h \faMarsStrokeH mars-stroke-v \faMarsStrokeV maxcdn \faMaxcdn meanpath \faMeanpath medium \faMedium medkit \faMedkit meh-o \faMehO mercury \faMercury microphone \faMicrophone microphone-slash \faMicrophoneSlash minus \faMinus minus-circle \faMinusCircle minus-square \faMinusSquare minus-square-o \faMinusSquareO mobile \faMobile mobile-phone \faMobilePhone (alias) money \faMoney moon-o \faMoonO mortar-board \faMortarBoard (alias) motorcycle \faMotorcycle mouse-pointer \faMousePointer music \faMusic navicon \faNavicon (alias) neuter \faNeuter newspaper-o \faNewspaperO object-group \faObjectGroup object-ungroup \faObjectUngroup odnoklassniki \faOdnoklassniki odnoklassniki-square \faOdnoklassnikiSquare opencart \faOpencart openid \faOpenid opera \faOpera optin-monster \faOptinMonster outdent \faOutdent

    11

  • Icon Name Direct command

    pagelines \faPagelines paint-brush \faPaintBrush paper-plane \faPaperPlane paper-plane-o \faPaperPlaneO paperclip \faPaperclip paragraph \faParagraph paste \faPaste (alias) pause \faPause paw \faPaw paypal \faPaypal pencil \faPencil pencil-square \faPencilSquare pencil-square-o \faPencilSquareO phone \faPhone phone-square \faPhoneSquare photo \faPhoto (alias) picture-o \faPictureO pie-chart \faPieChart pied-piper \faPiedPiper pied-piper-alt \faPiedPiperAlt pinterest \faPinterest pinterest-p \faPinterestP pinterest-square \faPinterestSquare plane \faPlane play \faPlay play-circle \faPlayCircle play-circle-o \faPlayCircleO plug \faPlug+ plus \faPlus plus-circle \faPlusCircle plus-square \faPlusSquare plus-square-o \faPlusSquareO power-o \faPowerOff print \faPrint puzzle-piece \faPuzzlePiece qq \faQq qrcode \faQrcode? question \faQuestion question-circle \faQuestionCircle quote-left \faQuoteLeft quote-right \faQuoteRight ra \faRa (alias) random \faRandom rebel \faRebel

    12

  • Icon Name Direct command

    recycle \faRecycle reddit \faReddit reddit-square \faRedditSquare refresh \faRefresh registered \faRegistered remove \faRemove (alias) renren \faRenren reorder \faReorder (alias) repeat \faRepeat reply \faReply reply-all \faReplyAll retweet \faRetweet rmb \faRmb (alias) road \faRoad rocket \faRocket rotate-left \faRotateLeft (alias) rotate-right \faRotateRight (alias) rouble \faRouble (alias) rss \faRss rss-square \faRssSquare rub \faRub ruble \faRuble (alias) rupee \faRupee (alias) safari \faSafari save \faSave (alias) scissors \faScissors search \faSearch search-minus \faSearchMinus search-plus \faSearchPlus sellsy \faSellsy send \faSend (alias) send-o \faSendO (alias) server \faServer share \faShare share-alt \faShareAlt share-alt-square \faShareAltSquare share-square \faShareSquare share-square-o \faShareSquareO shekel \faShekel (alias) sheqel \faSheqel (alias) shield \faShield ship \faShip shirtsinbulk \faShirtsinbulk shopping-cart \faShoppingCart

    13

  • Icon Name Direct command

    sign-in \faSignIn sign-out \faSignOut signal \faSignal simplybuilt \faSimplybuilt sitemap \faSitemap skyatlas \faSkyatlas skype \faSkype slack \faSlack sliders \faSliders slideshare \faSlideshare smile-o \faSmileO soccer-ball-o \faSoccerBallO (alias) sort \faSort sort-alpha-asc \faSortAlphaAsc sort-alpha-desc \faSortAlphaDesc sort-amount-asc \faSortAmountAsc sort-amount-desc \faSortAmountDesc sort-asc \faSortAsc sort-desc \faSortDesc sort-down \faSortDown (alias) sort-numeric-asc \faSortNumericAsc sort-numeric-desc \faSortNumericDesc sort-up \faSortUp (alias) soundcloud \faSoundcloud space-shuttle \faSpaceShuttle spinner \faSpinner spoon \faSpoon spotify \faSpotify square \faSquare square-o \faSquareO stack-exchange \faStackExchange stack-overow \faStackOverflow star \faStar star-half \faStarHalf star-half-empty \faStarHalfEmpty (alias) star-half-full \faStarHalfFull (alias) star-half-o \faStarHalfO star-o \faStarO steam \faSteam steam-square \faSteamSquare step-backward \faStepBackward step-forward \faStepForward stethoscope \faStethoscope sticky-note \faStickyNote

    14

  • Icon Name Direct command

    sticky-note-o \faStickyNoteO stop \faStop street-view \faStreetView strikethrough \faStrikethrough stumbleupon \faStumbleupon stumbleupon-circle \faStumbleuponCircle subscript \faSubscript subway \faSubway suitcase \faSuitcase sun-o \faSunO superscript \faSuperscript support \faSupport (alias) table \faTable tablet \faTablet tachometer \faTachometer tag \faTag tags \faTags tasks \faTasks taxi \faTaxi television \faTelevision tencent-weibo \faTencentWeibo terminal \faTerminal text-height \faTextHeight text-width \faTextWidth th \faTh th-large \faThLarge th-list \faThList thumb-tack \faThumbTack thumbs-down \faThumbsDown thumbs-o-down \faThumbsODown thumbs-o-up \faThumbsOUp thumbs-up \faThumbsUp ticket \faTicket times \faTimes times-circle \faTimesCircle times-circle-o \faTimesCircleO tint \faTint toggle-down \faToggleDown (alias) toggle-left \faToggleLeft (alias) toggle-o \faToggleOff toggle-on \faToggleOn toggle-right \faToggleRight (alias) toggle-up \faToggleUp (alias) trademark \faTrademark

    15

  • Icon Name Direct command

    train \faTrain transgender \faTransgender transgender-alt \faTransgenderAlt trash \faTrash trash-o \faTrashO tree \faTree trello \faTrello tripadvisor \faTripadvisor trophy \faTrophy truck \faTruck try \faTry tty \faTty tumblr \faTumblr tumblr-square \faTumblrSquare turkish-lira \faTurkishLira (alias) tv \faTv (alias) twitch \faTwitch twitter \faTwitter twitter-square \faTwitterSquare umbrella \faUmbrella underline \faUnderline undo \faUndo university \faUniversity unlink \faUnlink (alias) unlock \faUnlock unlock-alt \faUnlockAlt unsorted \faUnsorted (alias) upload \faUpload usd \faUsd user \faUser user-md \faUserMd user-plus \faUserPlus user-secret \faUserSecret user-times \faUserTimes users \faUsers venus \faVenus venus-double \faVenusDouble venus-mars \faVenusMars viacoin \faViacoin video-camera \faVideoCamera vimeo \faVimeo vimeo-square \faVimeoSquare vine \faVine vk \faVk

    16

  • Icon Name Direct command

    volume-down \faVolumeDown volume-o \faVolumeOff volume-up \faVolumeUp warning \faWarning (alias) wechat \faWechat (alias) weibo \faWeibo weixin \faWeixin whatsapp \faWhatsapp wheelchair \faWheelchair wi \faWifi wikipedia-w \faWikipediaW windows \faWindows won \faWon (alias) wordpress \faWordpress wrench \faWrench xing \faXing xing-square \faXingSquare y-combinator \faYCombinator y-combinator-square \faYCombinatorSquare (alias) yahoo \faYahoo yc \faYc (alias) yc-square \faYcSquare (alias) yelp \faYelp yen \faYen (alias) youtube \faYoutube youtube-play \faYoutubePlay youtube-square \faYoutubeSquare

    4 Change History

    v3.0.2

    General: First public release (ver-sion number set to matchthe included FontAwesome.otffont version), requiring X- orLua(LA)TEX. . . . . . . . . . . . . . . 1

    v3.0.2-1

    General: Corrected the swapof the \text-height and\text-width icons. . . . . . . . . . 1

    \faTextHeight: Corrected bind-ing. . . . . . . . . . . . . . . . . . . . . 1

    \faTextWidth: Corrected binding. . 1

    v3.1.1

    General: Update to match FontAwesome version 3.1.1, with 53new icons. . . . . . . . . . . . . . . . 1

    v4.3.0

    General: Update to match FontAwesome version 4.3.0, with atotal of 519 icons, and enabledpdf(LA)TEX support. . . . . . . . . 1

    v4.3.0-1

    General: Converted the otf font to

    17

  • 1000upm to avoid a bug withinxdvipdfmx. . . . . . . . . . . . . . . 1

    v4.3.0-2General: Corrected the (pdf)(LA)TEX

    font denitions to enable scal-ing, and enabled dvi/ps sup-

    port. . . . . . . . . . . . . . . . . . . . 1

    v4.4.0

    General: Update to match FontAwesome version 4.4.0, with atotal of 585 icons. . . . . . . . . . . 1

    5 Index

    Numbers written in italic refer to the page where the corresponding entry is de-scribed; numbers underlined refer to the code line of the denition; numbers inroman refer to the code lines where the entry is used.

    Symbols\fa500Px .......... 2\faAdjust ......... 2\faAdn ........... 2\faAlignCenter .... 2\faAlignJustify .... 2\faAlignLeft ...... 2\faAlignRight ..... 2\faAmazon ......... 2\faAmbulance ...... 2\faAnchor ......... 2\faAndroid ........ 2\faAngellist ...... 2\faAngleDoubleDown . 2\faAngleDoubleLeft . 2\faAngleDoubleRight 2\faAngleDoubleUp ... 2\faAngleDown ...... 2\faAngleLeft ...... 2\faAngleRight ..... 2\faAngleUp ........ 2\faApple .......... 2\faArchive ........ 2\faAreaChart ...... 2\faArrowCircleDown . 2\faArrowCircleLeft . 2\faArrowCircleODown 2\faArrowCircleOLeft 2\faArrowCircleORight

    ............. 2\faArrowCircleOUp .. 2\faArrowCircleRight 2\faArrowCircleUp ... 2\faArrowDown ...... 2\faArrowLeft ...... 2

    \faArrowRight ..... 2\faArrowUp ........ 3\faArrows ......... 3\faArrowsAlt ...... 3\faArrowsH ........ 3\faArrowsV ........ 3\faAsterisk ....... 3\faAt ............ 3\faAutomobile ..... 3\faBackward ....... 3\faBalanceScale .... 3\faBan ........... 3\faBank ........... 3\faBarChart ....... 3\faBarChartO ...... 3\faBarcode ........ 3\faBars ........... 3\faBattery0 ....... 3\faBattery1 ....... 3\faBattery2 ....... 3\faBattery3 ....... 3\faBattery4 ....... 3\faBatteryEmpty .... 3\faBatteryFull .... 3\faBatteryHalf .... 3\faBatteryQuarter .. 3\faBatteryThreeQuarters

    ............. 3\faBed ........... 3\faBeer ........... 3\faBehance ........ 3\faBehanceSquare ... 3\faBell ........... 3\faBellO .......... 3\faBellSlash ...... 3

    \faBellSlashO ..... 3\faBicycle ........ 3\faBinoculars ..... 3\faBirthdayCake .... 3\faBitbucket ...... 3\faBitbucketSquare . 3\faBitcoin ........ 3\faBlackTie ....... 3\faBold ........... 3\faBolt ........... 3\faBomb ........... 3\faBook ........... 4\faBookmark ....... 4\faBookmarkO ...... 4\faBriefcase ...... 4\faBtc ........... 4\faBug ........... 4\faBuilding ....... 4\faBuildingO ...... 4\faBullhorn ....... 4\faBullseye ....... 4\faBus ........... 4\faBuysellads ..... 4\faCab ........... 4\faCalculator ..... 4\faCalendar ....... 4\faCalendarCheckO .. 4\faCalendarMinusO .. 4\faCalendarO ...... 4\faCalendarPlusO ... 4\faCalendarTimesO .. 4\faCamera ......... 4\faCameraRetro .... 4\faCar ........... 4\faCaretDown ...... 4

    18

  • \faCaretLeft ...... 4\faCaretRight ..... 4\faCaretSquareODown 4\faCaretSquareOLeft 4\faCaretSquareORight

    ............. 4\faCaretSquareOUp .. 4\faCaretUp ........ 4\faCartArrowDown ... 4\faCartPlus ....... 4\faCc ............ 4\faCcAmex ......... 4\faCcDinersClub .... 4\faCcDiscover ..... 4\faCcJcb .......... 4\faCcMastercard .... 4\faCcPaypal ....... 4\faCcStripe ....... 4\faCcVisa ......... 4\faCertificate .... 4\faChain .......... 4\faChainBroken .... 5\faCheck .......... 5\faCheckCircle .... 5\faCheckCircleO .... 5\faCheckSquare .... 5\faCheckSquareO .... 5\faChevronCircleDown

    ............. 5\faChevronCircleLeft

    ............. 5\faChevronCircleRight

    ............. 5\faChevronCircleUp . 5\faChevronDown .... 5\faChevronLeft .... 5\faChevronRight .... 5\faChevronUp ...... 5\faChild .......... 5\faChrome ......... 5\faCircle ......... 5\faCircleO ........ 5\faCircleONotch .... 5\faCircleThin ..... 5\faClipboard ...... 5\faClockO ......... 5\faClone .......... 5\faClose .......... 5\faCloud .......... 5\faCloudDownload ... 5

    \faCloudUpload .... 5\faCny ........... 5\faCode ........... 5\faCodeFork ....... 5\faCodepen ........ 5\faCoffee ......... 5\faCog ........... 5\faCogs ........... 5\faColumns ........ 5\faComment ........ 5\faCommentO ....... 5\faCommenting ..... 5\faCommentingO .... 5\faComments ....... 5\faCommentsO ...... 5\faCompass ........ 5\faCompress ....... 5\faConnectdevelop .. 5\faContao ......... 6\faCopy ........... 6\faCopyright ...... 6\faCreativeCommons . 6\faCreditCard ..... 6\faCrop ........... 6\faCrosshairs ..... 6\faCss3 ........... 6\faCube ........... 6\faCubes .......... 6\faCut ........... 6\faCutlery ........ 6\faDashboard ...... 6\faDashcube ....... 6\faDatabase ....... 6\faDedent ......... 6\faDelicious ...... 6\faDesktop ........ 6\faDeviantart ..... 6\faDiamond ........ 6\faDigg ........... 6\faDollar ......... 6\faDotCircleO ..... 6\faDownload ....... 6\faDribbble ....... 6\faDropbox ........ 6\faDrupal ......... 6\faEdit ........... 6\faEject .......... 6\faEllipsisH ...... 6\faEllipsisV ...... 6\faEmpire ......... 6

    \faEnvelope ....... 6\faEnvelopeO ...... 6\faEnvelopeSquare .. 6\faEraser ......... 6\faEur ........... 6\faEuro ........... 6\faExchange ....... 6\faExclamation .... 6\faExclamationCircle

    ............. 6\faExclamationTriangle

    ............. 6\faExpand ......... 6\faExpeditedssl .... 6\faExternalLink .... 7\faExternalLinkSquare

    ............. 7\faEye ........... 7\faEyeSlash ....... 7\faEyedropper ..... 7\faFacebook ....... 7\faFacebookF ...... 7\faFacebookOfficial 7\faFacebookSquare .. 7\faFastBackward .... 7\faFastForward .... 7\faFax ........... 7\faFeed ........... 7\faFemale ......... 7\faFighterJet ..... 7\faFile ........... 7\faFileArchiveO .... 7\faFileAudioO ..... 7\faFileCodeO ...... 7\faFileExcelO ..... 7\faFileImageO ..... 7\faFileMovieO ..... 7\faFileO .......... 7\faFilePdfO ....... 7\faFilePhotoO ..... 7\faFilePictureO .... 7\faFilePowerpointO . 7\faFileSoundO ..... 7\faFileText ....... 7\faFileTextO ...... 7\faFileVideoO ..... 7\faFileWordO ...... 7\faFileZipO ....... 7\faFilesO ......... 7\faFilm ........... 7

    19

  • \faFilter ......... 7\faFire ........... 7\faFireExtinguisher 7\faFirefox ........ 7\faFlag ........... 7\faFlagCheckered ... 7\faFlagO .......... 7\faFlash .......... 7\faFlask .......... 8\faFlickr ......... 8\faFloppyO ........ 8\faFolder ......... 8\faFolderO ........ 8\faFolderOpen ..... 8\faFolderOpenO .... 8\faFont ........... 8\faFonticons ...... 8\faForumbee ....... 8\faForward ........ 8\faFoursquare ..... 8\faFrownO ......... 8\faFutbolO ........ 8\faGamepad ........ 8\faGavel .......... 8\faGbp ........... 8\faGe ............ 8\faGear ........... 8\faGears .......... 8\faGenderless ..... 8\faGetPocket ...... 8\faGg ............ 8\faGgCircle ....... 8\faGift ........... 8\faGit ........... 8\faGitSquare ...... 8\faGithub ......... 8\faGithubAlt ...... 8\faGithubSquare .... 8\faGittip ......... 8\faGlass .......... 8\faGlobe .......... 8\faGoogle ......... 8\faGooglePlus ..... 8\faGooglePlusSquare 8\faGoogleWallet .... 8\faGraduationCap ... 8\faGratipay ....... 8\faGroup .......... 8\faHSquare ........ 8\faHackerNews ..... 8

    \faHandGrabO ...... 8\faHandLizardO .... 8\faHandODown ...... 9\faHandOLeft ...... 9\faHandORight ..... 9\faHandOUp ........ 9\faHandPaperO ..... 9\faHandPeaceO ..... 9\faHandPointerO .... 9\faHandRockO ...... 9\faHandScissorsO ... 9\faHandSpockO ..... 9\faHandStopO ...... 9\faHddO ........... 9\faHeader ......... 9\faHeadphones ..... 9\faHeart .......... 9\faHeartO ......... 9\faHeartbeat ...... 9\faHistory ........ 9\faHome ........... 9\faHospitalO ...... 9\faHotel .......... 9\faHourglass ...... 9\faHourglass1 ..... 9\faHourglass2 ..... 9\faHourglass3 ..... 9\faHourglassEnd .... 9\faHourglassHalf ... 9\faHourglassO ..... 9\faHourglassStart .. 9\faHouzz .......... 9\faHtml5 .......... 9\faICursor ........ 9\faIls ........... 9\faImage .......... 9\faInbox .......... 9\faIndent ......... 9\faIndustry ....... 9\faInfo ........... 9\faInfoCircle ..... 9\faInr ........... 9\faInstagram ...... 9\faInstitution .... 9\faInternetExplorer 9\faIntersex ....... 10\faIoxhost ........ 10\faItalic ......... 10\faJoomla ......... 10\faJpy ........... 10

    \faJsfiddle ....... 10\faKey ........... 10\faKeyboardO ...... 10\faKrw ........... 10\faLanguage ....... 10\faLaptop ......... 10\faLastfm ......... 10\faLastfmSquare .... 10\faLeaf ........... 10\faLeanpub ........ 10\faLegal .......... 10\faLemonO ......... 10\faLevelDown ...... 10\faLevelUp ........ 10\faLifeBouy ....... 10\faLifeBuoy ....... 10\faLifeRing ....... 10\faLifeSaver ...... 10\faLightbulbO ..... 10\faLineChart ...... 10\faLink ........... 10\faLinkedin ....... 10\faLinkedinSquare .. 10\faLinux .......... 10\faList ........... 10\faListAlt ........ 10\faListOl ......... 10\faListUl ......... 10\faLocationArrow ... 10\faLock ........... 10\faLongArrowDown ... 10\faLongArrowLeft ... 10\faLongArrowRight .. 10\faLongArrowUp .... 10\faMagic .......... 10\faMagnet ......... 10\faMailForward .... 10\faMailReply ...... 10\faMailReplyAll .... 10\faMale ........... 11\faMap ........... 11\faMapMarker ...... 11\faMapO ........... 11\faMapPin ......... 11\faMapSigns ....... 11\faMars ........... 11\faMarsDouble ..... 11\faMarsStroke ..... 11\faMarsStrokeH .... 11\faMarsStrokeV .... 11

    20

  • \faMaxcdn ......... 11\faMeanpath ....... 11\faMedium ......... 11\faMedkit ......... 11\faMehO ........... 11\faMercury ........ 11\faMicrophone ..... 11\faMicrophoneSlash . 11\faMinus .......... 11\faMinusCircle .... 11\faMinusSquare .... 11\faMinusSquareO .... 11\faMobile ......... 11\faMobilePhone .... 11\faMoney .......... 11\faMoonO .......... 11\faMortarBoard .... 11\faMotorcycle ..... 11\faMousePointer .... 11\faMusic .......... 11\faNavicon ........ 11\faNeuter ......... 11\faNewspaperO ..... 11\faObjectGroup .... 11\faObjectUngroup ... 11\faOdnoklassniki ... 11\faOdnoklassnikiSquare

    ............ 11\faOpencart ....... 11\faOpenid ......... 11\faOpera .......... 11\faOptinMonster .... 11\faOutdent ........ 11\faPagelines ...... 12\faPaintBrush ..... 12\faPaperPlane ..... 12\faPaperPlaneO .... 12\faPaperclip ...... 12\faParagraph ...... 12\faPaste .......... 12\faPause .......... 12\faPaw ........... 12\faPaypal ......... 12\faPencil ......... 12\faPencilSquare .... 12\faPencilSquareO ... 12\faPhone .......... 12\faPhoneSquare .... 12\faPhoto .......... 12\faPictureO ....... 12

    \faPieChart ....... 12\faPiedPiper ...... 12\faPiedPiperAlt .... 12\faPinterest ...... 12\faPinterestP ..... 12\faPinterestSquare . 12\faPlane .......... 12\faPlay ........... 12\faPlayCircle ..... 12\faPlayCircleO .... 12\faPlug ........... 12\faPlus ........... 12\faPlusCircle ..... 12\faPlusSquare ..... 12\faPlusSquareO .... 12\faPowerOff ....... 12\faPrint .......... 12\faPuzzlePiece .... 12\faQq ............ 12\faQrcode ......... 12\faQuestion ....... 12\faQuestionCircle .. 12\faQuoteLeft ...... 12\faQuoteRight ..... 12\faRa ............ 12\faRandom ......... 12\faRebel .......... 12\faRecycle ........ 13\faReddit ......... 13\faRedditSquare .... 13\faRefresh ........ 13\faRegistered ..... 13\faRemove ......... 13\faRenren ......... 13\faReorder ........ 13\faRepeat ......... 13\faReply .......... 13\faReplyAll ....... 13\faRetweet ........ 13\faRmb ........... 13\faRoad ........... 13\faRocket ......... 13\faRotateLeft ..... 13\faRotateRight .... 13\faRouble ......... 13\faRss ........... 13\faRssSquare ...... 13\faRub ........... 13\faRuble .......... 13\faRupee .......... 13

    \faSafari ......... 13\faSave ........... 13\faScissors ....... 13\faSearch ......... 13\faSearchMinus .... 13\faSearchPlus ..... 13\faSellsy ......... 13\faSend ........... 13\faSendO .......... 13\faServer ......... 13\faShare .......... 13\faShareAlt ....... 13\faShareAltSquare .. 13\faShareSquare .... 13\faShareSquareO .... 13\faShekel ......... 13\faSheqel ......... 13\faShield ......... 13\faShip ........... 13\faShirtsinbulk .... 13\faShoppingCart .... 13\faSignIn ......... 14\faSignOut ........ 14\faSignal ......... 14\faSimplybuilt .... 14\faSitemap ........ 14\faSkyatlas ....... 14\faSkype .......... 14\faSlack .......... 14\faSliders ........ 14\faSlideshare ..... 14\faSmileO ......... 14\faSoccerBallO .... 14\faSort ........... 14\faSortAlphaAsc .... 14\faSortAlphaDesc ... 14\faSortAmountAsc ... 14\faSortAmountDesc .. 14\faSortAsc ........ 14\faSortDesc ....... 14\faSortDown ....... 14\faSortNumericAsc .. 14\faSortNumericDesc . 14\faSortUp ......... 14\faSoundcloud ..... 14\faSpaceShuttle .... 14\faSpinner ........ 14\faSpoon .......... 14\faSpotify ........ 14\faSquare ......... 14

    21

  • \faSquareO ........ 14\faStackExchange ... 14\faStackOverflow ... 14\faStar ........... 14\faStarHalf ....... 14\faStarHalfEmpty ... 14\faStarHalfFull .... 14\faStarHalfO ...... 14\faStarO .......... 14\faSteam .......... 14\faSteamSquare .... 14\faStepBackward .... 14\faStepForward .... 14\faStethoscope .... 14\faStickyNote ..... 14\faStickyNoteO .... 15\faStop ........... 15\faStreetView ..... 15\faStrikethrough ... 15\faStumbleupon .... 15\faStumbleuponCircle

    ............ 15\faSubscript ...... 15\faSubway ......... 15\faSuitcase ....... 15\faSunO ........... 15\faSuperscript .... 15\faSupport ........ 15\faTable .......... 15\faTablet ......... 15\faTachometer ..... 15\faTag ........... 15\faTags ........... 15\faTasks .......... 15\faTaxi ........... 15\faTelevision ..... 15\faTencentWeibo .... 15\faTerminal ....... 15\faTextHeight ..... 15\faTextWidth ...... 15\faTh ............ 15\faThLarge ........ 15\faThList ......... 15\faThumbTack ...... 15\faThumbsDown ..... 15\faThumbsODown .... 15

    \faThumbsOUp ...... 15\faThumbsUp ....... 15\faTicket ......... 15\faTimes .......... 15\faTimesCircle .... 15\faTimesCircleO .... 15\faTint ........... 15\faToggleDown ..... 15\faToggleLeft ..... 15\faToggleOff ...... 15\faToggleOn ....... 15\faToggleRight .... 15\faToggleUp ....... 15\faTrademark ...... 15\faTrain .......... 16\faTransgender .... 16\faTransgenderAlt .. 16\faTrash .......... 16\faTrashO ......... 16\faTree ........... 16\faTrello ......... 16\faTripadvisor .... 16\faTrophy ......... 16\faTruck .......... 16\faTry ........... 16\faTty ........... 16\faTumblr ......... 16\faTumblrSquare .... 16\faTurkishLira .... 16\faTv ............ 16\faTwitch ......... 16\faTwitter ........ 16\faTwitterSquare ... 16\faUmbrella ....... 16\faUnderline ...... 16\faUndo ........... 16\faUniversity ..... 16\faUnlink ......... 16\faUnlock ......... 16\faUnlockAlt ...... 16\faUnsorted ....... 16\faUpload ......... 16\faUsd ........... 16\faUser ........... 16\faUserMd ......... 16\faUserPlus ....... 16

    \faUserSecret ..... 16\faUserTimes ...... 16\faUsers .......... 16\faVenus .......... 16\faVenusDouble .... 16\faVenusMars ...... 16\faViacoin ........ 16\faVideoCamera .... 16\faVimeo .......... 16\faVimeoSquare .... 16\faVine ........... 16\faVk ............ 16\faVolumeDown ..... 17\faVolumeOff ...... 17\faVolumeUp ....... 17\faWarning ........ 17\faWechat ......... 17\faWeibo .......... 17\faWeixin ......... 17\faWhatsapp ....... 17\faWheelchair ..... 17\faWifi ........... 17\faWikipediaW ..... 17\faWindows ........ 17\faWon ........... 17\faWordpress ...... 17\faWrench ......... 17\faXing ........... 17\faXingSquare ..... 17\faYCombinator .... 17\faYCombinatorSquare

    ............ 17\faYahoo .......... 17\faYc ............ 17\faYcSquare ....... 17\faYelp ........... 17\faYen ........... 17\faYoutube ........ 17\faYoutubePlay .... 17\faYoutubeSquare ... 17

    F\faicon ........... 2\faTextHeight ..... 1\faTextWidth ...... 1

    22

    1 Introduction2 Requirements3 Usage3.1 Web application icons