Font Awesome
v3.xIcons help users to more quickly make meaning of buttons and other interface elements.
Bootstrap works well with Font Awesome icons, Glyphicons, and their own native Bootstrap Icons.
Jump down to utility classes for Size, Rotation and Spin
Font Awesome v4.7 Icon Search
| Name | Icon | HTML | Action |
|---|---|---|---|
| 500px, brand |
<i class="fa fa-fw fa-500px" aria-hidden="true"></i> |
||
| address book, id, user |
<i class="fa fa-fw fa-address-book" aria-hidden="true"></i> |
||
| address book, outline, id, user |
<i class="fa fa-fw fa-address-book-o" aria-hidden="true"></i> |
||
| address card, id, user |
<i class="fa fa-fw fa-address-card" aria-hidden="true"></i> |
||
| address card, outline, id, user |
<i class="fa fa-fw fa-address-card-o" aria-hidden="true"></i> |
||
| adjust, contrast |
<i class="fa fa-fw fa-adjust" aria-hidden="true"></i> |
||
| ADN, brand |
<i class="fa fa-fw fa-adn" aria-hidden="true"></i> |
||
| align, center |
<i class="fa fa-fw fa-align-center" aria-hidden="true"></i> |
||
| align, justify |
<i class="fa fa-fw fa-align-justify" aria-hidden="true"></i> |
||
| align, left |
<i class="fa fa-fw fa-align-left" aria-hidden="true"></i> |
||
| align, right |
<i class="fa fa-fw fa-align-right" aria-hidden="true"></i> |
||
| Amazon, brand |
<i class="fa fa-fw fa-amazon" aria-hidden="true"></i> |
||
| ambulance, medical |
<i class="fa fa-fw fa-ambulance" aria-hidden="true"></i> |
||
| ASL, American sign language |
<i class="fa fa-fw fa-american-sign-language-interpreting" aria-hidden="true"></i> |
||
| anchor, nautical, sea |
<i class="fa fa-fw fa-anchor" aria-hidden="true"></i> |
||
| Android, brand |
<i class="fa fa-fw fa-android" aria-hidden="true"></i> |
||
| Angel List, brand |
<i class="fa fa-fw fa-angellist" aria-hidden="true"></i> |
||
| double, chevron, angle, down |
<i class="fa fa-fw fa-angle-double-down" aria-hidden="true"></i> |
||
| double, chevron, angle, left |
<i class="fa fa-fw fa-angle-double-left" aria-hidden="true"></i> |
||
| double, chevron, angle, right |
<i class="fa fa-fw fa-angle-double-right" aria-hidden="true"></i> |
||
| double, chevron, angle, up |
<i class="fa fa-fw fa-angle-double-up" aria-hidden="true"></i> |
||
| chevron, angle, down |
<i class="fa fa-fw fa-angle-down" aria-hidden="true"></i> |
||
| chevron, angle, left |
<i class="fa fa-fw fa-angle-left" aria-hidden="true"></i> |
||
| chevron, angle, right |
<i class="fa fa-fw fa-angle-right" aria-hidden="true"></i> |
||
| chevron, angle, up |
<i class="fa fa-fw fa-angle-up" aria-hidden="true"></i> |
||
| Apple, brand |
<i class="fa fa-fw fa-apple" aria-hidden="true"></i> |
||
| archive, container, box |
<i class="fa fa-fw fa-archive" aria-hidden="true"></i> |
||
| area, chart |
<i class="fa fa-fw fa-area-chart" aria-hidden="true"></i> |
||
| circle, arrow, down |
<i class="fa fa-fw fa-arrow-circle-down" aria-hidden="true"></i> |
||
| circle, arrow, left |
<i class="fa fa-fw fa-arrow-circle-left" aria-hidden="true"></i> |
||
| circle, arrow, down, outline |
<i class="fa fa-fw fa-arrow-circle-o-down" aria-hidden="true"></i> |
||
| circle, arrow, left, outline |
<i class="fa fa-fw fa-arrow-circle-o-left" aria-hidden="true"></i> |
||
| circle, arrow, right, outline |
<i class="fa fa-fw fa-arrow-circle-o-right" aria-hidden="true"></i> |
||
| circle, arrow, up, outline |
<i class="fa fa-fw fa-arrow-circle-o-up" aria-hidden="true"></i> |
||
| circle, arrow, right, outline |
<i class="fa fa-fw fa-arrow-circle-right" aria-hidden="true"></i> |
||
| circle, arrow, up, outline |
<i class="fa fa-fw fa-arrow-circle-up" aria-hidden="true"></i> |
||
| arrow, down |
<i class="fa fa-fw fa-arrow-down" aria-hidden="true"></i> |
||
| arrow, left |
<i class="fa fa-fw fa-arrow-left" aria-hidden="true"></i> |
||
| arrow, right |
<i class="fa fa-fw fa-arrow-right" aria-hidden="true"></i> |
||
| arrow, up |
<i class="fa fa-fw fa-arrow-up" aria-hidden="true"></i> |
||
| arrows, two, directions |
<i class="fa fa-fw fa-arrows" aria-hidden="true"></i> |
||
| arrows, four, directions |
<i class="fa fa-fw fa-arrows-alt" aria-hidden="true"></i> |
||
| arrows, horizontal, two, directions |
<i class="fa fa-fw fa-arrows-h" aria-hidden="true"></i> |
||
| arrows, vertical, two, directions |
<i class="fa fa-fw fa-arrows-v" aria-hidden="true"></i> |
||
| assistive listening, hearing, impairment |
<i class="fa fa-fw fa-assistive-listening-systems" aria-hidden="true"></i> |
||
| asterisk, star |
<i class="fa fa-fw fa-asterisk" aria-hidden="true"></i> |
||
| at, mark, commercial, email |
<i class="fa fa-fw fa-at" aria-hidden="true"></i> |
||
| AD, audio, description |
<i class="fa fa-fw fa-audio-description" aria-hidden="true"></i> |
||
| backward, double, arrow, rewind |
<i class="fa fa-fw fa-backward" aria-hidden="true"></i> |
||
| scale, balance, justice |
<i class="fa fa-fw fa-balance-scale" aria-hidden="true"></i> |
||
| not allowed, ban |
<i class="fa fa-fw fa-ban" aria-hidden="true"></i> |
||
| Bandcamp, brand |
<i class="fa fa-fw fa-bandcamp" aria-hidden="true"></i> |
||
| bar, chart |
<i class="fa fa-fw fa-bar-chart" aria-hidden="true"></i> |
||
| barcode |
<i class="fa fa-fw fa-barcode" aria-hidden="true"></i> |
||
| bars, hamburger, menu, pancakes |
<i class="fa fa-fw fa-bars" aria-hidden="true"></i> |
||
| bath, bathtub, shower |
<i class="fa fa-fw fa-bath" aria-hidden="true"></i> |
||
| battery, empty |
<i class="fa fa-fw fa-battery-empty" aria-hidden="true"></i> |
||
| battery, full |
<i class="fa fa-fw fa-battery-full" aria-hidden="true"></i> |
||
| batter, half full |
<i class="fa fa-fw fa-battery-half" aria-hidden="true"></i> |
||
| batter, quarter full |
<i class="fa fa-fw fa-battery-quarter" aria-hidden="true"></i> |
||
| battery, three-quarters full |
<i class="fa fa-fw fa-battery-three-quarters" aria-hidden="true"></i> |
||
| bed, sleep, hotel |
<i class="fa fa-fw fa-bed" aria-hidden="true"></i> |
||
| beer, mug, stein |
<i class="fa fa-fw fa-beer" aria-hidden="true"></i> |
||
| Behance, brand |
<i class="fa fa-fw fa-behance" aria-hidden="true"></i> |
||
| Behance, brand, square |
<i class="fa fa-fw fa-behance-square" aria-hidden="true"></i> |
||
| bell, volume, sound |
<i class="fa fa-fw fa-bell" aria-hidden="true"></i> |
||
| bell, volume, sound, outline |
<i class="fa fa-fw fa-bell-o" aria-hidden="true"></i> |
||
| bell, volume, sound, silent |
<i class="fa fa-fw fa-bell-slash" aria-hidden="true"></i> |
||
| bell, volume, sound, silent, outline |
<i class="fa fa-fw fa-bell-slash-o" aria-hidden="true"></i> |
||
| bicycle |
<i class="fa fa-fw fa-bicycle" aria-hidden="true"></i> |
||
| binoculars, search, find |
<i class="fa fa-fw fa-binoculars" aria-hidden="true"></i> |
||
| birthday cake |
<i class="fa fa-fw fa-birthday-cake" aria-hidden="true"></i> |
||
| Bitbucket, brand |
<i class="fa fa-fw fa-bitbucket" aria-hidden="true"></i> |
||
| Bitbucker, square |
<i class="fa fa-fw fa-bitbucket-square" aria-hidden="true"></i> |
||
| black tie, suit |
<i class="fa fa-fw fa-black-tie" aria-hidden="true"></i> |
||
| blind |
<i class="fa fa-fw fa-blind" aria-hidden="true"></i> |
||
| bluetooth |
<i class="fa fa-fw fa-bluetooth" aria-hidden="true"></i> |
||
| bluetooth, outline |
<i class="fa fa-fw fa-bluetooth-b" aria-hidden="true"></i> |
||
| bold |
<i class="fa fa-fw fa-bold" aria-hidden="true"></i> |
||
| lightning bolt, inspiration |
<i class="fa fa-fw fa-bolt" aria-hidden="true"></i> |
||
| bomb |
<i class="fa fa-fw fa-bomb" aria-hidden="true"></i> |
||
| book |
<i class="fa fa-fw fa-book" aria-hidden="true"></i> |
||
| bookmark, web page |
<i class="fa fa-fw fa-bookmark" aria-hidden="true"></i> |
||
| bookmark, web page, outline |
<i class="fa fa-fw fa-bookmark-o" aria-hidden="true"></i> |
||
| braille, blind |
<i class="fa fa-fw fa-braille" aria-hidden="true"></i> |
||
| briefcase, business |
<i class="fa fa-fw fa-briefcase" aria-hidden="true"></i> |
||
| bitcoin, currency |
<i class="fa fa-fw fa-btc" aria-hidden="true"></i> |
||
| bug, software |
<i class="fa fa-fw fa-bug" aria-hidden="true"></i> |
||
| building |
<i class="fa fa-fw fa-building" aria-hidden="true"></i> |
||
| building, outline |
<i class="fa fa-fw fa-building-o" aria-hidden="true"></i> |
||
| bullhorn, share, soapbox, activism |
<i class="fa fa-fw fa-bullhorn" aria-hidden="true"></i> |
||
| bullseye, target |
<i class="fa fa-fw fa-bullseye" aria-hidden="true"></i> |
||
| bus, travel |
<i class="fa fa-fw fa-bus" aria-hidden="true"></i> |
||
| Buy Sell Ads, brand |
<i class="fa fa-fw fa-buysellads" aria-hidden="true"></i> |
||
| calculator, math, accounting |
<i class="fa fa-fw fa-calculator" aria-hidden="true"></i> |
||
| calendar, grid |
<i class="fa fa-fw fa-calendar" aria-hidden="true"></i> |
||
| calendar, check, outline |
<i class="fa fa-fw fa-calendar-check-o" aria-hidden="true"></i> |
||
| calendar, minus, outline |
<i class="fa fa-fw fa-calendar-minus-o" aria-hidden="true"></i> |
||
| calendar, empty, outline |
<i class="fa fa-fw fa-calendar-o" aria-hidden="true"></i> |
||
| calendar, plus, outline |
<i class="fa fa-fw fa-calendar-plus-o" aria-hidden="true"></i> |
||
| calendar, times, x, negate, outline |
<i class="fa fa-fw fa-calendar-times-o" aria-hidden="true"></i> |
||
| camera |
<i class="fa fa-fw fa-camera" aria-hidden="true"></i> |
||
| camera, retro |
<i class="fa fa-fw fa-camera-retro" aria-hidden="true"></i> |
||
| car |
<i class="fa fa-fw fa-car" aria-hidden="true"></i> |
||
| caret, down |
<i class="fa fa-fw fa-caret-down" aria-hidden="true"></i> |
||
| caret, left |
<i class="fa fa-fw fa-caret-left" aria-hidden="true"></i> |
||
| caret, right |
<i class="fa fa-fw fa-caret-right" aria-hidden="true"></i> |
||
| caret, square, down |
<i class="fa fa-fw fa-caret-square-o-down" aria-hidden="true"></i> |
||
| caret, square, left, outline |
<i class="fa fa-fw fa-caret-square-o-left" aria-hidden="true"></i> |
||
| caret, square, right, outline |
<i class="fa fa-fw fa-caret-square-o-right" aria-hidden="true"></i> |
||
| caret, square, up, outline |
<i class="fa fa-fw fa-caret-square-o-up" aria-hidden="true"></i> |
||
| caret, up |
<i class="fa fa-fw fa-caret-up" aria-hidden="true"></i> |
||
| cart, arrow down, shopping |
<i class="fa fa-fw fa-cart-arrow-down" aria-hidden="true"></i> |
||
| cart, plus, shopping |
<i class="fa fa-fw fa-cart-plus" aria-hidden="true"></i> |
||
| closed caption, hearing impaired, deaf |
<i class="fa fa-fw fa-cc" aria-hidden="true"></i> |
||
| credit card, American Express, brand |
<i class="fa fa-fw fa-cc-amex" aria-hidden="true"></i> |
||
| credit card, Diners Club, brand |
<i class="fa fa-fw fa-cc-diners-club" aria-hidden="true"></i> |
||
| credit card, Discover, brand |
<i class="fa fa-fw fa-cc-discover" aria-hidden="true"></i> |
||
| credit card, JCB, brand |
<i class="fa fa-fw fa-cc-jcb" aria-hidden="true"></i> |
||
| credit card, Mastercard, brand |
<i class="fa fa-fw fa-cc-mastercard" aria-hidden="true"></i> |
||
| credit card, Paypal, brand |
<i class="fa fa-fw fa-cc-paypal" aria-hidden="true"></i> |
||
| credit card, Stripe, brand |
<i class="fa fa-fw fa-cc-stripe" aria-hidden="true"></i> |
||
| credit card, Visa, brand |
<i class="fa fa-fw fa-cc-visa" aria-hidden="true"></i> |
||
| certificate, award |
<i class="fa fa-fw fa-certificate" aria-hidden="true"></i> |
||
| chain, link, broken |
<i class="fa fa-fw fa-chain-broken" aria-hidden="true"></i> |
||
| check, done, task |
<i class="fa fa-fw fa-check" aria-hidden="true"></i> |
||
| check, done, task, circle |
<i class="fa fa-fw fa-check-circle" aria-hidden="true"></i> |
||
| check, done, task, circle, outline |
<i class="fa fa-fw fa-check-circle-o" aria-hidden="true"></i> |
||
| check, done, task, square |
<i class="fa fa-fw fa-check-square" aria-hidden="true"></i> |
||
| check, done, task, square, outline |
<i class="fa fa-fw fa-check-square-o" aria-hidden="true"></i> |
||
| chevron, circle, down |
<i class="fa fa-fw fa-chevron-circle-down" aria-hidden="true"></i> |
||
| chevron, circle, left |
<i class="fa fa-fw fa-chevron-circle-left" aria-hidden="true"></i> |
||
| chevron, circle, right |
<i class="fa fa-fw fa-chevron-circle-right" aria-hidden="true"></i> |
||
| chevron, circle, up |
<i class="fa fa-fw fa-chevron-circle-up" aria-hidden="true"></i> |
||
| chevron, down |
<i class="fa fa-fw fa-chevron-down" aria-hidden="true"></i> |
||
| chevron, left |
<i class="fa fa-fw fa-chevron-left" aria-hidden="true"></i> |
||
| chevron, right |
<i class="fa fa-fw fa-chevron-right" aria-hidden="true"></i> |
||
| chevron, up |
<i class="fa fa-fw fa-chevron-up" aria-hidden="true"></i> |
||
| child, person, joy |
<i class="fa fa-fw fa-child" aria-hidden="true"></i> |
||
| Chrome, browser, brand |
<i class="fa fa-fw fa-chrome" aria-hidden="true"></i> |
||
| circle, solid |
<i class="fa fa-fw fa-circle" aria-hidden="true"></i> |
||
| circle, outline |
<i class="fa fa-fw fa-circle-o" aria-hidden="true"></i> |
||
| circle, notch, restart |
<i class="fa fa-fw fa-circle-o-notch" aria-hidden="true"></i> |
||
| circle, thing |
<i class="fa fa-fw fa-circle-thin" aria-hidden="true"></i> |
||
| clipboard, copy |
<i class="fa fa-fw fa-clipboard" aria-hidden="true"></i> |
||
| clock, outline |
<i class="fa fa-fw fa-clock-o" aria-hidden="true"></i> |
||
| clone, copy |
<i class="fa fa-fw fa-clone" aria-hidden="true"></i> |
||
| cloud |
<i class="fa fa-fw fa-cloud" aria-hidden="true"></i> |
||
| cloud, download |
<i class="fa fa-fw fa-cloud-download" aria-hidden="true"></i> |
||
| cloud, upload |
<i class="fa fa-fw fa-cloud-upload" aria-hidden="true"></i> |
||
| code |
<i class="fa fa-fw fa-code" aria-hidden="true"></i> |
||
| code, fork |
<i class="fa fa-fw fa-code-fork" aria-hidden="true"></i> |
||
| Codepen, brand |
<i class="fa fa-fw fa-codepen" aria-hidden="true"></i> |
||
| Codiepie, brand |
<i class="fa fa-fw fa-codiepie" aria-hidden="true"></i> |
||
| coffee, mug |
<i class="fa fa-fw fa-coffee" aria-hidden="true"></i> |
||
| cog, gear |
<i class="fa fa-fw fa-cog" aria-hidden="true"></i> |
||
| cogs, gears |
<i class="fa fa-fw fa-cogs" aria-hidden="true"></i> |
||
| columns |
<i class="fa fa-fw fa-columns" aria-hidden="true"></i> |
||
| comment, speech, bubble, solid |
<i class="fa fa-fw fa-comment" aria-hidden="true"></i> |
||
| comment, speech, bubble, oultine |
<i class="fa fa-fw fa-comment-o" aria-hidden="true"></i> |
||
| commenting, speech bubble, ellipsis, solid |
<i class="fa fa-fw fa-commenting" aria-hidden="true"></i> |
||
| commenting, speech bubble, ellipsis, outline |
<i class="fa fa-fw fa-commenting-o" aria-hidden="true"></i> |
||
| commenting, speech bubbles, solid |
<i class="fa fa-fw fa-comments" aria-hidden="true"></i> |
||
| commenting, speech bubbles, outline |
<i class="fa fa-fw fa-comments-o" aria-hidden="true"></i> |
||
| compass, navigate |
<i class="fa fa-fw fa-compass" aria-hidden="true"></i> |
||
| compress, minimize |
<i class="fa fa-fw fa-compress" aria-hidden="true"></i> |
||
| Connect Develop, brand |
<i class="fa fa-fw fa-connectdevelop" aria-hidden="true"></i> |
||
| Contao, brand |
<i class="fa fa-fw fa-contao" aria-hidden="true"></i> |
||
| copyright, symbol |
<i class="fa fa-fw fa-copyright" aria-hidden="true"></i> |
||
| creative commons, copyight |
<i class="fa fa-fw fa-creative-commons" aria-hidden="true"></i> |
||
| credit card, currency |
<i class="fa fa-fw fa-credit-card" aria-hidden="true"></i> |
||
| credit card, back, stripe |
<i class="fa fa-fw fa-credit-card-alt" aria-hidden="true"></i> |
||
| crop |
<i class="fa fa-fw fa-crop" aria-hidden="true"></i> |
||
| reticle, crosshairs |
<i class="fa fa-fw fa-crosshairs" aria-hidden="true"></i> |
||
| CSS3 |
<i class="fa fa-fw fa-css3" aria-hidden="true"></i> |
||
| cube |
<i class="fa fa-fw fa-cube" aria-hidden="true"></i> |
||
| cubes, Qbert |
<i class="fa fa-fw fa-cubes" aria-hidden="true"></i> |
||
| cutlery, dining, fork, knife, eat |
<i class="fa fa-fw fa-cutlery" aria-hidden="true"></i> |
||
| Dashcube, brand |
<i class="fa fa-fw fa-dashcube" aria-hidden="true"></i> |
||
| database |
<i class="fa fa-fw fa-database" aria-hidden="true"></i> |
||
| deaf, hearing impaired |
<i class="fa fa-fw fa-deaf" aria-hidden="true"></i> |
||
| Delicious, brand |
<i class="fa fa-fw fa-delicious" aria-hidden="true"></i> |
||
| desktop, computer |
<i class="fa fa-fw fa-desktop" aria-hidden="true"></i> |
||
| Deviantart, brand |
<i class="fa fa-fw fa-deviantart" aria-hidden="true"></i> |
||
| diamond |
<i class="fa fa-fw fa-diamond" aria-hidden="true"></i> |
||
| Digg, brand |
<i class="fa fa-fw fa-digg" aria-hidden="true"></i> |
||
| dot, circle, outline |
<i class="fa fa-fw fa-dot-circle-o" aria-hidden="true"></i> |
||
| download |
<i class="fa fa-fw fa-download" aria-hidden="true"></i> |
||
| Dribble, brand |
<i class="fa fa-fw fa-dribbble" aria-hidden="true"></i> |
||
| Dropbox, brand |
<i class="fa fa-fw fa-dropbox" aria-hidden="true"></i> |
||
| Drupal, brand |
<i class="fa fa-fw fa-drupal" aria-hidden="true"></i> |
||
| Microsoft, Edge, brand |
<i class="fa fa-fw fa-edge" aria-hidden="true"></i> |
||
| Eercast, brand |
<i class="fa fa-fw fa-eercast" aria-hidden="true"></i> |
||
| eject |
<i class="fa fa-fw fa-eject" aria-hidden="true"></i> |
||
| ellipsis, horizontal |
<i class="fa fa-fw fa-ellipsis-h" aria-hidden="true"></i> |
||
| ellipsis, vertical |
<i class="fa fa-fw fa-ellipsis-v" aria-hidden="true"></i> |
||
| Star Wars, Empire |
<i class="fa fa-fw fa-empire" aria-hidden="true"></i> |
||
| envelope, solid, closed |
<i class="fa fa-fw fa-envelope" aria-hidden="true"></i> |
||
| envelope, outline, closed |
<i class="fa fa-fw fa-envelope-o" aria-hidden="true"></i> |
||
| envelope, solid, open |
<i class="fa fa-fw fa-envelope-open" aria-hidden="true"></i> |
||
| envelope, outline, open |
<i class="fa fa-fw fa-envelope-open-o" aria-hidden="true"></i> |
||
| envelope, solid, closed, square |
<i class="fa fa-fw fa-envelope-square" aria-hidden="true"></i> |
||
| Envira, brand |
<i class="fa fa-fw fa-envira" aria-hidden="true"></i> |
||
| eraser, delete |
<i class="fa fa-fw fa-eraser" aria-hidden="true"></i> |
||
| Etsy, brand |
<i class="fa fa-fw fa-etsy" aria-hidden="true"></i> |
||
| Euro, currency |
<i class="fa fa-fw fa-eur" aria-hidden="true"></i> |
||
| exchange, double arrow, right, left |
<i class="fa fa-fw fa-exchange" aria-hidden="true"></i> |
||
| exclamation, alert, information |
<i class="fa fa-fw fa-exclamation" aria-hidden="true"></i> |
||
| exclamation, circle, information, alert |
<i class="fa fa-fw fa-exclamation-circle" aria-hidden="true"></i> |
||
| exclamation, triangle, warning, alert |
<i class="fa fa-fw fa-exclamation-triangle" aria-hidden="true"></i> |
||
| expand, full screen |
<i class="fa fa-fw fa-expand" aria-hidden="true"></i> |
||
| Expedited SSL, brand |
<i class="fa fa-fw fa-expeditedssl" aria-hidden="true"></i> |
||
| external link |
<i class="fa fa-fw fa-external-link" aria-hidden="true"></i> |
||
| external link, square |
<i class="fa fa-fw fa-external-link-square" aria-hidden="true"></i> |
||
| eye, see, visible |
<i class="fa fa-fw fa-eye" aria-hidden="true"></i> |
||
| eye, slash, invisible |
<i class="fa fa-fw fa-eye-slash" aria-hidden="true"></i> |
||
| eyedropper, color, sample |
<i class="fa fa-fw fa-eyedropper" aria-hidden="true"></i> |
||
<i class="fa fa-fw fa-facebook" aria-hidden="true"></i> |
|||
| Facebook, official |
<i class="fa fa-fw fa-facebook-official" aria-hidden="true"></i> |
||
| Facebook, square |
<i class="fa fa-fw fa-facebook-square" aria-hidden="true"></i> |
||
| rewind, beginning, backward, arrows |
<i class="fa fa-fw fa-fast-backward" aria-hidden="true"></i> |
||
| fast-forward, end, forward, arrows |
<i class="fa fa-fw fa-fast-forward" aria-hidden="true"></i> |
||
| fax, telecom |
<i class="fa fa-fw fa-fax" aria-hidden="true"></i> |
||
| female, woman, girl, lady |
<i class="fa fa-fw fa-female" aria-hidden="true"></i> |
||
| fighter jet, top gun, plane |
<i class="fa fa-fw fa-fighter-jet" aria-hidden="true"></i> |
||
| file, solid |
<i class="fa fa-fw fa-file" aria-hidden="true"></i> |
||
| file, archive, zip, outline |
<i class="fa fa-fw fa-file-archive-o" aria-hidden="true"></i> |
||
| file, audio, mp3, sound, outline |
<i class="fa fa-fw fa-file-audio-o" aria-hidden="true"></i> |
||
| file, code, program, outline |
<i class="fa fa-fw fa-file-code-o" aria-hidden="true"></i> |
||
| file, excel, spreadsheet, outline |
<i class="fa fa-fw fa-file-excel-o" aria-hidden="true"></i> |
||
| file, image, outline |
<i class="fa fa-fw fa-file-image-o" aria-hidden="true"></i> |
||
| file, outline |
<i class="fa fa-fw fa-file-o" aria-hidden="true"></i> |
||
| file, pdf |
<i class="fa fa-fw fa-file-pdf-o" aria-hidden="true"></i> |
||
| file, powerpoint, outline |
<i class="fa fa-fw fa-file-powerpoint-o" aria-hidden="true"></i> |
||
| file, text |
<i class="fa fa-fw fa-file-text" aria-hidden="true"></i> |
||
| file, text, outline |
<i class="fa fa-fw fa-file-text-o" aria-hidden="true"></i> |
||
| file, video, outline |
<i class="fa fa-fw fa-file-video-o" aria-hidden="true"></i> |
||
| file, word, outline |
<i class="fa fa-fw fa-file-word-o" aria-hidden="true"></i> |
||
| files, outline, clone, copy |
<i class="fa fa-fw fa-files-o" aria-hidden="true"></i> |
||
| film, video |
<i class="fa fa-fw fa-film" aria-hidden="true"></i> |
||
| filter, funnel |
<i class="fa fa-fw fa-filter" aria-hidden="true"></i> |
||
| fire, hot |
<i class="fa fa-fw fa-fire" aria-hidden="true"></i> |
||
| fire extinguisher |
<i class="fa fa-fw fa-fire-extinguisher" aria-hidden="true"></i> |
||
| Firefox, browser |
<i class="fa fa-fw fa-firefox" aria-hidden="true"></i> |
||
| First Order |
<i class="fa fa-fw fa-first-order" aria-hidden="true"></i> |
||
| flag, Font Awesome |
<i class="fa fa-fw fa-flag" aria-hidden="true"></i> |
||
| checkered flag, race |
<i class="fa fa-fw fa-flag-checkered" aria-hidden="true"></i> |
||
| flag, outline |
<i class="fa fa-fw fa-flag-o" aria-hidden="true"></i> |
||
| flask, beaker, science |
<i class="fa fa-fw fa-flask" aria-hidden="true"></i> |
||
| Flickr, photos |
<i class="fa fa-fw fa-flickr" aria-hidden="true"></i> |
||
| floppy disk, save |
<i class="fa fa-fw fa-floppy-o" aria-hidden="true"></i> |
||
| folder, solid |
<i class="fa fa-fw fa-folder" aria-hidden="true"></i> |
||
| folder, outline |
<i class="fa fa-fw fa-folder-o" aria-hidden="true"></i> |
||
| folder, open, solid |
<i class="fa fa-fw fa-folder-open" aria-hidden="true"></i> |
||
| folder, open, outline |
<i class="fa fa-fw fa-folder-open-o" aria-hidden="true"></i> |
||
| font, A, alphabet, letter |
<i class="fa fa-fw fa-font" aria-hidden="true"></i> |
||
| Font Awesome, flag, solid, brand |
<i class="fa fa-fw fa-font-awesome" aria-hidden="true"></i> |
||
| Fonticons, brand |
<i class="fa fa-fw fa-fonticons" aria-hidden="true"></i> |
||
| Fort Awesome, castle, brand |
<i class="fa fa-fw fa-fort-awesome" aria-hidden="true"></i> |
||
| Forumbee, brand |
<i class="fa fa-fw fa-forumbee" aria-hidden="true"></i> |
||
| fast forward, arrows |
<i class="fa fa-fw fa-forward" aria-hidden="true"></i> |
||
| Foursquare, brand |
<i class="fa fa-fw fa-foursquare" aria-hidden="true"></i> |
||
| Free Code Camp, brand |
<i class="fa fa-fw fa-free-code-camp" aria-hidden="true"></i> |
||
| frown, unhappy, face |
<i class="fa fa-fw fa-frown-o" aria-hidden="true"></i> |
||
| futbol, soccer, ball, outline |
<i class="fa fa-fw fa-futbol-o" aria-hidden="true"></i> |
||
| controller, gamepad, video game |
<i class="fa fa-fw fa-gamepad" aria-hidden="true"></i> |
||
| gavel, judge, court |
<i class="fa fa-fw fa-gavel" aria-hidden="true"></i> |
||
| Britain, sterling, pound |
<i class="fa fa-fw fa-gbp" aria-hidden="true"></i> |
||
| genderless, circle |
<i class="fa fa-fw fa-genderless" aria-hidden="true"></i> |
||
| Pocket, brand |
<i class="fa fa-fw fa-get-pocket" aria-hidden="true"></i> |
||
| GG, brand |
<i class="fa fa-fw fa-gg" aria-hidden="true"></i> |
||
| GG, circle, brand |
<i class="fa fa-fw fa-gg-circle" aria-hidden="true"></i> |
||
| gift, present |
<i class="fa fa-fw fa-gift" aria-hidden="true"></i> |
||
| Git, code, repository, programming |
<i class="fa fa-fw fa-git" aria-hidden="true"></i> |
||
| Git, square |
<i class="fa fa-fw fa-git-square" aria-hidden="true"></i> |
||
| Github, brand |
<i class="fa fa-fw fa-github" aria-hidden="true"></i> |
||
| Github, alt, brand |
<i class="fa fa-fw fa-github-alt" aria-hidden="true"></i> |
||
| Github, square, brand |
<i class="fa fa-fw fa-github-square" aria-hidden="true"></i> |
||
| Gitlab, brand |
<i class="fa fa-fw fa-gitlab" aria-hidden="true"></i> |
||
| glass, martini, solid |
<i class="fa fa-fw fa-glass" aria-hidden="true"></i> |
||
| Glide, brand, box |
<i class="fa fa-fw fa-glide" aria-hidden="true"></i> |
||
| Glide, brand |
<i class="fa fa-fw fa-glide-g" aria-hidden="true"></i> |
||
| globe, earth, planet |
<i class="fa fa-fw fa-globe" aria-hidden="true"></i> |
||
<i class="fa fa-fw fa-google" aria-hidden="true"></i> |
|||
| Google Wallet, brand |
<i class="fa fa-fw fa-google-wallet" aria-hidden="true"></i> |
||
| graduation cap, mortarboard, student, teacher, professor, academia |
<i class="fa fa-fw fa-graduation-cap" aria-hidden="true"></i> |
||
| Gratipay, brand |
<i class="fa fa-fw fa-gratipay" aria-hidden="true"></i> |
||
| Grav, brand, space suit |
<i class="fa fa-fw fa-grav" aria-hidden="true"></i> |
||
| Hospital, sign |
<i class="fa fa-fw fa-h-square" aria-hidden="true"></i> |
||
| Hacker News, brand |
<i class="fa fa-fw fa-hacker-news" aria-hidden="true"></i> |
||
| hand, lizard, outline |
<i class="fa fa-fw fa-hand-lizard-o" aria-hidden="true"></i> |
||
| hand, pointe, down, outline |
<i class="fa fa-fw fa-hand-o-down" aria-hidden="true"></i> |
||
| hand, left, outline |
<i class="fa fa-fw fa-hand-o-left" aria-hidden="true"></i> |
||
| hand, right, outline |
<i class="fa fa-fw fa-hand-o-right" aria-hidden="true"></i> |
||
| hand, up, outline |
<i class="fa fa-fw fa-hand-o-up" aria-hidden="true"></i> |
||
| hand, paper, outline |
<i class="fa fa-fw fa-hand-paper-o" aria-hidden="true"></i> |
||
| hand, peace, outline |
<i class="fa fa-fw fa-hand-peace-o" aria-hidden="true"></i> |
||
| hand, pointer, outline |
<i class="fa fa-fw fa-hand-pointer-o" aria-hidden="true"></i> |
||
| hand, rock, fist, outline |
<i class="fa fa-fw fa-hand-rock-o" aria-hidden="true"></i> |
||
| hand, scrissors, outline |
<i class="fa fa-fw fa-hand-scissors-o" aria-hidden="true"></i> |
||
| hand, Spock, outline |
<i class="fa fa-fw fa-hand-spock-o" aria-hidden="true"></i> |
||
| handshake, business, outline |
<i class="fa fa-fw fa-handshake-o" aria-hidden="true"></i> |
||
| hashtag, octothorpe, pound sign |
<i class="fa fa-fw fa-hashtag" aria-hidden="true"></i> |
||
| hard disk drive |
<i class="fa fa-fw fa-hdd-o" aria-hidden="true"></i> |
||
| Header, capital H, letter |
<i class="fa fa-fw fa-header" aria-hidden="true"></i> |
||
| headphones, audio, sound |
<i class="fa fa-fw fa-headphones" aria-hidden="true"></i> |
||
| heart, love, solid |
<i class="fa fa-fw fa-heart" aria-hidden="true"></i> |
||
| heart, love, outline |
<i class="fa fa-fw fa-heart-o" aria-hidden="true"></i> |
||
| heart, beat, health, medical, solid |
<i class="fa fa-fw fa-heartbeat" aria-hidden="true"></i> |
||
| clock, history, rewind |
<i class="fa fa-fw fa-history" aria-hidden="true"></i> |
||
| home, house |
<i class="fa fa-fw fa-home" aria-hidden="true"></i> |
||
| hospital, building |
<i class="fa fa-fw fa-hospital-o" aria-hidden="true"></i> |
||
| hourglass, timer |
<i class="fa fa-fw fa-hourglass" aria-hidden="true"></i> |
||
| hourglass, timer, full |
<i class="fa fa-fw fa-hourglass-end" aria-hidden="true"></i> |
||
| hourglass, half, solid |
<i class="fa fa-fw fa-hourglass-half" aria-hidden="true"></i> |
||
| hourglass, outline |
<i class="fa fa-fw fa-hourglass-o" aria-hidden="true"></i> |
||
| hourglass, start |
<i class="fa fa-fw fa-hourglass-start" aria-hidden="true"></i> |
||
| Houzz, brand |
<i class="fa fa-fw fa-houzz" aria-hidden="true"></i> |
||
| HTML5 |
<i class="fa fa-fw fa-html5" aria-hidden="true"></i> |
||
| cursor, i-beam |
<i class="fa fa-fw fa-i-cursor" aria-hidden="true"></i> |
||
| ID, badge |
<i class="fa fa-fw fa-id-badge" aria-hidden="true"></i> |
||
| ID, card |
<i class="fa fa-fw fa-id-card" aria-hidden="true"></i> |
||
| ID, card, outline |
<i class="fa fa-fw fa-id-card-o" aria-hidden="true"></i> |
||
| ILS, brand |
<i class="fa fa-fw fa-ils" aria-hidden="true"></i> |
||
| IMDB, brand |
<i class="fa fa-fw fa-imdb" aria-hidden="true"></i> |
||
| inbox |
<i class="fa fa-fw fa-inbox" aria-hidden="true"></i> |
||
| text indent |
<i class="fa fa-fw fa-indent" aria-hidden="true"></i> |
||
| industry, factory, building |
<i class="fa fa-fw fa-industry" aria-hidden="true"></i> |
||
| information, i |
<i class="fa fa-fw fa-info" aria-hidden="true"></i> |
||
| information, exclamation, circle |
<i class="fa fa-fw fa-info-circle" aria-hidden="true"></i> |
||
| Indian, rupees |
<i class="fa fa-fw fa-inr" aria-hidden="true"></i> |
||
| Instagram, photos |
<i class="fa fa-fw fa-instagram" aria-hidden="true"></i> |
||
| Internet Explorer, browser |
<i class="fa fa-fw fa-internet-explorer" aria-hidden="true"></i> |
||
| Ioxhost, brand |
<i class="fa fa-fw fa-ioxhost" aria-hidden="true"></i> |
||
| Italic |
<i class="fa fa-fw fa-italic" aria-hidden="true"></i> |
||
| Joomla, brand |
<i class="fa fa-fw fa-joomla" aria-hidden="true"></i> |
||
| Japanese, yen |
<i class="fa fa-fw fa-jpy" aria-hidden="true"></i> |
||
| JS Fiddle, brand |
<i class="fa fa-fw fa-jsfiddle" aria-hidden="true"></i> |
||
| key |
<i class="fa fa-fw fa-key" aria-hidden="true"></i> |
||
| keyboard |
<i class="fa fa-fw fa-keyboard-o" aria-hidden="true"></i> |
||
| South Korean, won |
<i class="fa fa-fw fa-krw" aria-hidden="true"></i> |
||
| language, sign |
<i class="fa fa-fw fa-language" aria-hidden="true"></i> |
||
| laptop, computer |
<i class="fa fa-fw fa-laptop" aria-hidden="true"></i> |
||
| Lastfm, brand |
<i class="fa fa-fw fa-lastfm" aria-hidden="true"></i> |
||
| Lastfm, square |
<i class="fa fa-fw fa-lastfm-square" aria-hidden="true"></i> |
||
| leaf, plant |
<i class="fa fa-fw fa-leaf" aria-hidden="true"></i> |
||
| Leanpub, brand |
<i class="fa fa-fw fa-leanpub" aria-hidden="true"></i> |
||
| lemon, outline |
<i class="fa fa-fw fa-lemon-o" aria-hidden="true"></i> |
||
| level down, arrow |
<i class="fa fa-fw fa-level-down" aria-hidden="true"></i> |
||
| level up, arrow |
<i class="fa fa-fw fa-level-up" aria-hidden="true"></i> |
||
| life ring, preserver |
<i class="fa fa-fw fa-life-ring" aria-hidden="true"></i> |
||
| lightbulb, outline |
<i class="fa fa-fw fa-lightbulb-o" aria-hidden="true"></i> |
||
| line chart |
<i class="fa fa-fw fa-line-chart" aria-hidden="true"></i> |
||
| link, chain |
<i class="fa fa-fw fa-link" aria-hidden="true"></i> |
||
| Linkedin, brand |
<i class="fa fa-fw fa-linkedin" aria-hidden="true"></i> |
||
| Linkedin, square |
<i class="fa fa-fw fa-linkedin-square" aria-hidden="true"></i> |
||
| Linode, brand |
<i class="fa fa-fw fa-linode" aria-hidden="true"></i> |
||
| Linux, brand |
<i class="fa fa-fw fa-linux" aria-hidden="true"></i> |
||
| list, bullets |
<i class="fa fa-fw fa-list" aria-hidden="true"></i> |
||
| list, alt, box |
<i class="fa fa-fw fa-list-alt" aria-hidden="true"></i> |
||
| list, numbered, ordered |
<i class="fa fa-fw fa-list-ol" aria-hidden="true"></i> |
||
| list, bullet, unordered |
<i class="fa fa-fw fa-list-ul" aria-hidden="true"></i> |
||
| location, arrow, compas, direction |
<i class="fa fa-fw fa-location-arrow" aria-hidden="true"></i> |
||
| lock, locked |
<i class="fa fa-fw fa-lock" aria-hidden="true"></i> |
||
| long arrow, down |
<i class="fa fa-fw fa-long-arrow-down" aria-hidden="true"></i> |
||
| long, arrow, left |
<i class="fa fa-fw fa-long-arrow-left" aria-hidden="true"></i> |
||
| long, arrow, right |
<i class="fa fa-fw fa-long-arrow-right" aria-hidden="true"></i> |
||
| long, arrow, up |
<i class="fa fa-fw fa-long-arrow-up" aria-hidden="true"></i> |
||
| low vision, low visibilty |
<i class="fa fa-fw fa-low-vision" aria-hidden="true"></i> |
||
| magic, wand |
<i class="fa fa-fw fa-magic" aria-hidden="true"></i> |
||
| magnet |
<i class="fa fa-fw fa-magnet" aria-hidden="true"></i> |
||
| male, man |
<i class="fa fa-fw fa-male" aria-hidden="true"></i> |
||
| map, solid |
<i class="fa fa-fw fa-map" aria-hidden="true"></i> |
||
| map, marker |
<i class="fa fa-fw fa-map-marker" aria-hidden="true"></i> |
||
| map, outline |
<i class="fa fa-fw fa-map-o" aria-hidden="true"></i> |
||
| map, pin, location |
<i class="fa fa-fw fa-map-pin" aria-hidden="true"></i> |
||
| map, signs, directions |
<i class="fa fa-fw fa-map-signs" aria-hidden="true"></i> |
||
| mars, star, sign |
<i class="fa fa-fw fa-mars" aria-hidden="true"></i> |
||
| mars, double, sign |
<i class="fa fa-fw fa-mars-double" aria-hidden="true"></i> |
||
| mars, stroke |
<i class="fa fa-fw fa-mars-stroke" aria-hidden="true"></i> |
||
| mars, stroke, horizontal |
<i class="fa fa-fw fa-mars-stroke-h" aria-hidden="true"></i> |
||
| mars, stroke, vertical |
<i class="fa fa-fw fa-mars-stroke-v" aria-hidden="true"></i> |
||
| maxCDN, brand |
<i class="fa fa-fw fa-maxcdn" aria-hidden="true"></i> |
||
| Meanpath, brand |
<i class="fa fa-fw fa-meanpath" aria-hidden="true"></i> |
||
| Medium, brand |
<i class="fa fa-fw fa-medium" aria-hidden="true"></i> |
||
| medkit, health, medical |
<i class="fa fa-fw fa-medkit" aria-hidden="true"></i> |
||
| Meetup, brand |
<i class="fa fa-fw fa-meetup" aria-hidden="true"></i> |
||
| meh, emotion |
<i class="fa fa-fw fa-meh-o" aria-hidden="true"></i> |
||
| mercury, star, sign |
<i class="fa fa-fw fa-mercury" aria-hidden="true"></i> |
||
| microchip |
<i class="fa fa-fw fa-microchip" aria-hidden="true"></i> |
||
| microphone, record |
<i class="fa fa-fw fa-microphone" aria-hidden="true"></i> |
||
| microphone |
<i class="fa fa-fw fa-microphone-slash" aria-hidden="true"></i> |
||
| minus |
<i class="fa fa-fw fa-minus" aria-hidden="true"></i> |
||
| minus, circle |
<i class="fa fa-fw fa-minus-circle" aria-hidden="true"></i> |
||
| minus, square |
<i class="fa fa-fw fa-minus-square" aria-hidden="true"></i> |
||
| minus, square, outline |
<i class="fa fa-fw fa-minus-square-o" aria-hidden="true"></i> |
||
| Mixcloud, brand |
<i class="fa fa-fw fa-mixcloud" aria-hidden="true"></i> |
||
| mobile, phone |
<i class="fa fa-fw fa-mobile" aria-hidden="true"></i> |
||
| Modx, brand |
<i class="fa fa-fw fa-modx" aria-hidden="true"></i> |
||
| money, dollar |
<i class="fa fa-fw fa-money" aria-hidden="true"></i> |
||
| moon, outline |
<i class="fa fa-fw fa-moon-o" aria-hidden="true"></i> |
||
| motorcyle |
<i class="fa fa-fw fa-motorcycle" aria-hidden="true"></i> |
||
| mouse pointer |
<i class="fa fa-fw fa-mouse-pointer" aria-hidden="true"></i> |
||
| music, note |
<i class="fa fa-fw fa-music" aria-hidden="true"></i> |
||
| neuter |
<i class="fa fa-fw fa-neuter" aria-hidden="true"></i> |
||
| newspaper, outline |
<i class="fa fa-fw fa-newspaper-o" aria-hidden="true"></i> |
||
| object, group |
<i class="fa fa-fw fa-object-group" aria-hidden="true"></i> |
||
| object, ungroup |
<i class="fa fa-fw fa-object-ungroup" aria-hidden="true"></i> |
||
| Odnoklassniki, brand |
<i class="fa fa-fw fa-odnoklassniki" aria-hidden="true"></i> |
||
| Odnoklassniki, brand, square |
<i class="fa fa-fw fa-odnoklassniki-square" aria-hidden="true"></i> |
||
| Opencart, brand |
<i class="fa fa-fw fa-opencart" aria-hidden="true"></i> |
||
| OpenID, brand |
<i class="fa fa-fw fa-openid" aria-hidden="true"></i> |
||
| Opera, browser, brand |
<i class="fa fa-fw fa-opera" aria-hidden="true"></i> |
||
| Optin Monster, brand |
<i class="fa fa-fw fa-optin-monster" aria-hidden="true"></i> |
||
| Outdent |
<i class="fa fa-fw fa-outdent" aria-hidden="true"></i> |
||
| Pagelines, brand |
<i class="fa fa-fw fa-pagelines" aria-hidden="true"></i> |
||
| paint brush |
<i class="fa fa-fw fa-paint-brush" aria-hidden="true"></i> |
||
| paper, plane, email |
<i class="fa fa-fw fa-paper-plane" aria-hidden="true"></i> |
||
| paper plane, email, outline |
<i class="fa fa-fw fa-paper-plane-o" aria-hidden="true"></i> |
||
| paperclip, attachment |
<i class="fa fa-fw fa-paperclip" aria-hidden="true"></i> |
||
| paragraph, return |
<i class="fa fa-fw fa-paragraph" aria-hidden="true"></i> |
||
| pause, button |
<i class="fa fa-fw fa-pause" aria-hidden="true"></i> |
||
| pause, circle |
<i class="fa fa-fw fa-pause-circle" aria-hidden="true"></i> |
||
| pause, circle, outline |
<i class="fa fa-fw fa-pause-circle-o" aria-hidden="true"></i> |
||
| paw, wolf, animal |
<i class="fa fa-fw fa-paw" aria-hidden="true"></i> |
||
| Paypal, brand |
<i class="fa fa-fw fa-paypal" aria-hidden="true"></i> |
||
| pencil, edit |
<i class="fa fa-fw fa-pencil" aria-hidden="true"></i> |
||
| pencil, edit, square |
<i class="fa fa-fw fa-pencil-square" aria-hidden="true"></i> |
||
| pencil, square, outline |
<i class="fa fa-fw fa-pencil-square-o" aria-hidden="true"></i> |
||
| percent |
<i class="fa fa-fw fa-percent" aria-hidden="true"></i> |
||
| phone |
<i class="fa fa-fw fa-phone" aria-hidden="true"></i> |
||
| phone, square |
<i class="fa fa-fw fa-phone-square" aria-hidden="true"></i> |
||
| picture, outline |
<i class="fa fa-fw fa-picture-o" aria-hidden="true"></i> |
||
| pie chart |
<i class="fa fa-fw fa-pie-chart" aria-hidden="true"></i> |
||
| pied piper, flute, Silicon Valley, logo |
<i class="fa fa-fw fa-pied-piper" aria-hidden="true"></i> |
||
| pied piper, hat, robin hood, logo |
<i class="fa fa-fw fa-pied-piper-alt" aria-hidden="true"></i> |
||
| pied piper, box. solid, logo |
<i class="fa fa-fw fa-pied-piper-pp" aria-hidden="true"></i> |
||
| Pinterest, brand |
<i class="fa fa-fw fa-pinterest" aria-hidden="true"></i> |
||
| Pinterest, brand, p, logo |
<i class="fa fa-fw fa-pinterest-p" aria-hidden="true"></i> |
||
| pinterest, square |
<i class="fa fa-fw fa-pinterest-square" aria-hidden="true"></i> |
||
| plane |
<i class="fa fa-fw fa-plane" aria-hidden="true"></i> |
||
| play |
<i class="fa fa-fw fa-play" aria-hidden="true"></i> |
||
| play, circle |
<i class="fa fa-fw fa-play-circle" aria-hidden="true"></i> |
||
| play, circle, outline |
<i class="fa fa-fw fa-play-circle-o" aria-hidden="true"></i> |
||
| plug |
<i class="fa fa-fw fa-plug" aria-hidden="true"></i> |
||
| plus |
<i class="fa fa-fw fa-plus" aria-hidden="true"></i> |
||
| plus, circle |
<i class="fa fa-fw fa-plus-circle" aria-hidden="true"></i> |
||
| plus, square |
<i class="fa fa-fw fa-plus-square" aria-hidden="true"></i> |
||
| plus, square, outline |
<i class="fa fa-fw fa-plus-square-o" aria-hidden="true"></i> |
||
| podcast |
<i class="fa fa-fw fa-podcast" aria-hidden="true"></i> |
||
| power off |
<i class="fa fa-fw fa-power-off" aria-hidden="true"></i> |
||
| print, printer |
<i class="fa fa-fw fa-print" aria-hidden="true"></i> |
||
| Product Hunt |
<i class="fa fa-fw fa-product-hunt" aria-hidden="true"></i> |
||
| Puzzle piece |
<i class="fa fa-fw fa-puzzle-piece" aria-hidden="true"></i> |
||
| QQ, Tencent, penguin, solid |
<i class="fa fa-fw fa-qq" aria-hidden="true"></i> |
||
| QR code |
<i class="fa fa-fw fa-qrcode" aria-hidden="true"></i> |
||
| question mark |
<i class="fa fa-fw fa-question" aria-hidden="true"></i> |
||
| question mark, circle |
<i class="fa fa-fw fa-question-circle" aria-hidden="true"></i> |
||
| question mark, circle, outline |
<i class="fa fa-fw fa-question-circle-o" aria-hidden="true"></i> |
||
| Quora, brand |
<i class="fa fa-fw fa-quora" aria-hidden="true"></i> |
||
| quote, left |
<i class="fa fa-fw fa-quote-left" aria-hidden="true"></i> |
||
| quote, right |
<i class="fa fa-fw fa-quote-right" aria-hidden="true"></i> |
||
| random, mix, sort |
<i class="fa fa-fw fa-random" aria-hidden="true"></i> |
||
| Ravelry, brand |
<i class="fa fa-fw fa-ravelry" aria-hidden="true"></i> |
||
| Rebel, icon |
<i class="fa fa-fw fa-rebel" aria-hidden="true"></i> |
||
| recycle, trash |
<i class="fa fa-fw fa-recycle" aria-hidden="true"></i> |
||
| Reddit, brand |
<i class="fa fa-fw fa-reddit" aria-hidden="true"></i> |
||
| Reddit alien, brand |
<i class="fa fa-fw fa-reddit-alien" aria-hidden="true"></i> |
||
| Reddit, square, brand |
<i class="fa fa-fw fa-reddit-square" aria-hidden="true"></i> |
||
| refresh, reset |
<i class="fa fa-fw fa-refresh" aria-hidden="true"></i> |
||
| registered, mark |
<i class="fa fa-fw fa-registered" aria-hidden="true"></i> |
||
| Renren network, Xiaonei |
<i class="fa fa-fw fa-renren" aria-hidden="true"></i> |
||
| repeat |
<i class="fa fa-fw fa-repeat" aria-hidden="true"></i> |
||
| reply |
<i class="fa fa-fw fa-reply" aria-hidden="true"></i> |
||
| reply all |
<i class="fa fa-fw fa-reply-all" aria-hidden="true"></i> |
||
| retweet |
<i class="fa fa-fw fa-retweet" aria-hidden="true"></i> |
||
| road |
<i class="fa fa-fw fa-road" aria-hidden="true"></i> |
||
| rocket, space ship |
<i class="fa fa-fw fa-rocket" aria-hidden="true"></i> |
||
| RSS feed |
<i class="fa fa-fw fa-rss" aria-hidden="true"></i> |
||
| RSS feed, square |
<i class="fa fa-fw fa-rss-square" aria-hidden="true"></i> |
||
| Russian rubles |
<i class="fa fa-fw fa-rub" aria-hidden="true"></i> |
||
| Safari, browser, brand |
<i class="fa fa-fw fa-safari" aria-hidden="true"></i> |
||
| scissors, cut |
<i class="fa fa-fw fa-scissors" aria-hidden="true"></i> |
||
| Scribd, brand |
<i class="fa fa-fw fa-scribd" aria-hidden="true"></i> |
||
| search, find, magnifying glass |
<i class="fa fa-fw fa-search" aria-hidden="true"></i> |
||
| search, find, magnifying glass, minus |
<i class="fa fa-fw fa-search-minus" aria-hidden="true"></i> |
||
| search, find, magnifying glass, plus |
<i class="fa fa-fw fa-search-plus" aria-hidden="true"></i> |
||
| Sellsy, brand |
<i class="fa fa-fw fa-sellsy" aria-hidden="true"></i> |
||
| server |
<i class="fa fa-fw fa-server" aria-hidden="true"></i> |
||
| share |
<i class="fa fa-fw fa-share" aria-hidden="true"></i> |
||
| share, alt |
<i class="fa fa-fw fa-share-alt" aria-hidden="true"></i> |
||
| share, alt, square |
<i class="fa fa-fw fa-share-alt-square" aria-hidden="true"></i> |
||
| share, square |
<i class="fa fa-fw fa-share-square" aria-hidden="true"></i> |
||
| share, square, outline |
<i class="fa fa-fw fa-share-square-o" aria-hidden="true"></i> |
||
| shield, guard |
<i class="fa fa-fw fa-shield" aria-hidden="true"></i> |
||
| ship |
<i class="fa fa-fw fa-ship" aria-hidden="true"></i> |
||
| Shirtsinbulk, brand |
<i class="fa fa-fw fa-shirtsinbulk" aria-hidden="true"></i> |
||
| shopping bag, buy, sale, purchase |
<i class="fa fa-fw fa-shopping-bag" aria-hidden="true"></i> |
||
| shopping basket, buy, purchase |
<i class="fa fa-fw fa-shopping-basket" aria-hidden="true"></i> |
||
| shopping cart, purchase, buy |
<i class="fa fa-fw fa-shopping-cart" aria-hidden="true"></i> |
||
| shower |
<i class="fa fa-fw fa-shower" aria-hidden="true"></i> |
||
| sign-in, login |
<i class="fa fa-fw fa-sign-in" aria-hidden="true"></i> |
||
| sign language |
<i class="fa fa-fw fa-sign-language" aria-hidden="true"></i> |
||
| sign out |
<i class="fa fa-fw fa-sign-out" aria-hidden="true"></i> |
||
| signal |
<i class="fa fa-fw fa-signal" aria-hidden="true"></i> |
||
| Simplybuilt, brand |
<i class="fa fa-fw fa-simplybuilt" aria-hidden="true"></i> |
||
| sitemap, architecture, tree |
<i class="fa fa-fw fa-sitemap" aria-hidden="true"></i> |
||
| Skyatlas, brand |
<i class="fa fa-fw fa-skyatlas" aria-hidden="true"></i> |
||
| Skype, brand |
<i class="fa fa-fw fa-skype" aria-hidden="true"></i> |
||
| Slack, brand, chat, IM |
<i class="fa fa-fw fa-slack" aria-hidden="true"></i> |
||
| sliders, control |
<i class="fa fa-fw fa-sliders" aria-hidden="true"></i> |
||
| Slideshare, brand |
<i class="fa fa-fw fa-slideshare" aria-hidden="true"></i> |
||
| smile, outline |
<i class="fa fa-fw fa-smile-o" aria-hidden="true"></i> |
||
| Snapchat, brand |
<i class="fa fa-fw fa-snapchat" aria-hidden="true"></i> |
||
| Snapchat, ghost, logo, brand |
<i class="fa fa-fw fa-snapchat-ghost" aria-hidden="true"></i> |
||
| Snapchat, square, brand |
<i class="fa fa-fw fa-snapchat-square" aria-hidden="true"></i> |
||
| snowflake, outline |
<i class="fa fa-fw fa-snowflake-o" aria-hidden="true"></i> |
||
| sort |
<i class="fa fa-fw fa-sort" aria-hidden="true"></i> |
||
| sort, alphabetical, ascending |
<i class="fa fa-fw fa-sort-alpha-asc" aria-hidden="true"></i> |
||
| sort, alphabetical, descending |
<i class="fa fa-fw fa-sort-alpha-desc" aria-hidden="true"></i> |
||
| sort, amount, ascending |
<i class="fa fa-fw fa-sort-amount-asc" aria-hidden="true"></i> |
||
| sort, amount, descending |
<i class="fa fa-fw fa-sort-amount-desc" aria-hidden="true"></i> |
||
| sort, ascending |
<i class="fa fa-fw fa-sort-asc" aria-hidden="true"></i> |
||
| sort, descending |
<i class="fa fa-fw fa-sort-desc" aria-hidden="true"></i> |
||
| sort, numeric, ascending |
<i class="fa fa-fw fa-sort-numeric-asc" aria-hidden="true"></i> |
||
| sort, numeric, descending |
<i class="fa fa-fw fa-sort-numeric-desc" aria-hidden="true"></i> |
||
| Soundcloud, brand |
<i class="fa fa-fw fa-soundcloud" aria-hidden="true"></i> |
||
| space shuttle |
<i class="fa fa-fw fa-space-shuttle" aria-hidden="true"></i> |
||
| spinner |
<i class="fa fa-fw fa-spinner" aria-hidden="true"></i> |
||
| spoon, cutlery |
<i class="fa fa-fw fa-spoon" aria-hidden="true"></i> |
||
| Spotify, brand |
<i class="fa fa-fw fa-spotify" aria-hidden="true"></i> |
||
| square |
<i class="fa fa-fw fa-square" aria-hidden="true"></i> |
||
| square, outline |
<i class="fa fa-fw fa-square-o" aria-hidden="true"></i> |
||
| Stack Exchange, brand |
<i class="fa fa-fw fa-stack-exchange" aria-hidden="true"></i> |
||
| Stack Overflow, brand |
<i class="fa fa-fw fa-stack-overflow" aria-hidden="true"></i> |
||
| star |
<i class="fa fa-fw fa-star" aria-hidden="true"></i> |
||
| half star |
<i class="fa fa-fw fa-star-half" aria-hidden="true"></i> |
||
| half star, outline |
<i class="fa fa-fw fa-star-half-o" aria-hidden="true"></i> |
||
| star, outline |
<i class="fa fa-fw fa-star-o" aria-hidden="true"></i> |
||
| Steam, brand |
<i class="fa fa-fw fa-steam" aria-hidden="true"></i> |
||
| Steam, square, brand |
<i class="fa fa-fw fa-steam-square" aria-hidden="true"></i> |
||
| step backwards, undo |
<i class="fa fa-fw fa-step-backward" aria-hidden="true"></i> |
||
| step forward, redo |
<i class="fa fa-fw fa-step-forward" aria-hidden="true"></i> |
||
| stethoscope, doctor |
<i class="fa fa-fw fa-stethoscope" aria-hidden="true"></i> |
||
| sticky note, reminder |
<i class="fa fa-fw fa-sticky-note" aria-hidden="true"></i> |
||
| sticky note, outline |
<i class="fa fa-fw fa-sticky-note-o" aria-hidden="true"></i> |
||
| stop |
<i class="fa fa-fw fa-stop" aria-hidden="true"></i> |
||
| stop circle |
<i class="fa fa-fw fa-stop-circle" aria-hidden="true"></i> |
||
| stop circle, outline |
<i class="fa fa-fw fa-stop-circle-o" aria-hidden="true"></i> |
||
| street view |
<i class="fa fa-fw fa-street-view" aria-hidden="true"></i> |
||
| strikethrough, line-through |
<i class="fa fa-fw fa-strikethrough" aria-hidden="true"></i> |
||
| Stumbleupon, brand |
<i class="fa fa-fw fa-stumbleupon" aria-hidden="true"></i> |
||
| Stumbleupon, circle, brand |
<i class="fa fa-fw fa-stumbleupon-circle" aria-hidden="true"></i> |
||
| subscript |
<i class="fa fa-fw fa-subscript" aria-hidden="true"></i> |
||
| subway, metro, trolley |
<i class="fa fa-fw fa-subway" aria-hidden="true"></i> |
||
| suitcase, travel, tourist |
<i class="fa fa-fw fa-suitcase" aria-hidden="true"></i> |
||
| sun, outline |
<i class="fa fa-fw fa-sun-o" aria-hidden="true"></i> |
||
| superpowers, brand |
<i class="fa fa-fw fa-superpowers" aria-hidden="true"></i> |
||
| superscript |
<i class="fa fa-fw fa-superscript" aria-hidden="true"></i> |
||
| table, grid |
<i class="fa fa-fw fa-table" aria-hidden="true"></i> |
||
| tablet |
<i class="fa fa-fw fa-tablet" aria-hidden="true"></i> |
||
| tachometer |
<i class="fa fa-fw fa-tachometer" aria-hidden="true"></i> |
||
| tag, metadata |
<i class="fa fa-fw fa-tag" aria-hidden="true"></i> |
||
| tags, metadata |
<i class="fa fa-fw fa-tags" aria-hidden="true"></i> |
||
| tasks |
<i class="fa fa-fw fa-tasks" aria-hidden="true"></i> |
||
| taxi |
<i class="fa fa-fw fa-taxi" aria-hidden="true"></i> |
||
| telegram |
<i class="fa fa-fw fa-telegram" aria-hidden="true"></i> |
||
| television, TV |
<i class="fa fa-fw fa-television" aria-hidden="true"></i> |
||
| Tencent, Weibo, brand |
<i class="fa fa-fw fa-tencent-weibo" aria-hidden="true"></i> |
||
| terminal |
<i class="fa fa-fw fa-terminal" aria-hidden="true"></i> |
||
| text-heigh, vertical, stretch |
<i class="fa fa-fw fa-text-height" aria-hidden="true"></i> |
||
| text-width, horizontal, stretch |
<i class="fa fa-fw fa-text-width" aria-hidden="true"></i> |
||
| grid, squares |
<i class="fa fa-fw fa-th" aria-hidden="true"></i> |
||
| large grid, squares |
<i class="fa fa-fw fa-th-large" aria-hidden="true"></i> |
||
| grid list |
<i class="fa fa-fw fa-th-list" aria-hidden="true"></i> |
||
| Themeisle, brand |
<i class="fa fa-fw fa-themeisle" aria-hidden="true"></i> |
||
| themometer, low temperature, cold |
<i class="fa fa-fw fa-thermometer-empty" aria-hidden="true"></i> |
||
| thermometer, high temperature, hot |
<i class="fa fa-fw fa-thermometer-full" aria-hidden="true"></i> |
||
| thermometer, pleasant temperature, temperate |
<i class="fa fa-fw fa-thermometer-half" aria-hidden="true"></i> |
||
| thermometer, cool temperature, chilly |
<i class="fa fa-fw fa-thermometer-quarter" aria-hidden="true"></i> |
||
| thermometer, warm temperature |
<i class="fa fa-fw fa-thermometer-three-quarters" aria-hidden="true"></i> |
||
| thumb tack, reminder, push pin |
<i class="fa fa-fw fa-thumb-tack" aria-hidden="true"></i> |
||
| thumbs-down, disapprove |
<i class="fa fa-fw fa-thumbs-down" aria-hidden="true"></i> |
||
| thumbs-down, disapprove, outline |
<i class="fa fa-fw fa-thumbs-o-down" aria-hidden="true"></i> |
||
| thumbs-up, approve, outline |
<i class="fa fa-fw fa-thumbs-o-up" aria-hidden="true"></i> |
||
| thumbs-up, approve |
<i class="fa fa-fw fa-thumbs-up" aria-hidden="true"></i> |
||
| ticket |
<i class="fa fa-fw fa-ticket" aria-hidden="true"></i> |
||
| times, x, stop, close |
<i class="fa fa-fw fa-times" aria-hidden="true"></i> |
||
| times, x, stop, close, circle |
<i class="fa fa-fw fa-times-circle" aria-hidden="true"></i> |
||
| times, x, stop, close, circle, outline |
<i class="fa fa-fw fa-times-circle-o" aria-hidden="true"></i> |
||
| tint, color, droplet, paint |
<i class="fa fa-fw fa-tint" aria-hidden="true"></i> |
||
| toggle off |
<i class="fa fa-fw fa-toggle-off" aria-hidden="true"></i> |
||
| toggle on |
<i class="fa fa-fw fa-toggle-on" aria-hidden="true"></i> |
||
| trademark |
<i class="fa fa-fw fa-trademark" aria-hidden="true"></i> |
||
| train |
<i class="fa fa-fw fa-train" aria-hidden="true"></i> |
||
| transgender |
<i class="fa fa-fw fa-transgender" aria-hidden="true"></i> |
||
| transgender alt |
<i class="fa fa-fw fa-transgender-alt" aria-hidden="true"></i> |
||
| trash, delete |
<i class="fa fa-fw fa-trash" aria-hidden="true"></i> |
||
| trash, delete, outline |
<i class="fa fa-fw fa-trash-o" aria-hidden="true"></i> |
||
| tree, pine, Christmas, forest |
<i class="fa fa-fw fa-tree" aria-hidden="true"></i> |
||
| Trello, brand, kanban |
<i class="fa fa-fw fa-trello" aria-hidden="true"></i> |
||
| Tripadvisor, brand |
<i class="fa fa-fw fa-tripadvisor" aria-hidden="true"></i> |
||
| trophy, prize, winner |
<i class="fa fa-fw fa-trophy" aria-hidden="true"></i> |
||
| truck |
<i class="fa fa-fw fa-truck" aria-hidden="true"></i> |
||
| try |
<i class="fa fa-fw fa-try" aria-hidden="true"></i> |
||
| teletype, hearing imapairment, assistive device |
<i class="fa fa-fw fa-tty" aria-hidden="true"></i> |
||
| Tumblr, blog, brand |
<i class="fa fa-fw fa-tumblr" aria-hidden="true"></i> |
||
| Tumblr, blog, brand, square |
<i class="fa fa-fw fa-tumblr-square" aria-hidden="true"></i> |
||
| Twitch, video games, brand |
<i class="fa fa-fw fa-twitch" aria-hidden="true"></i> |
||
| Twitter, microblog, brand |
<i class="fa fa-fw fa-twitter" aria-hidden="true"></i> |
||
| Twitter, microblog, brand, square |
<i class="fa fa-fw fa-twitter-square" aria-hidden="true"></i> |
||
| umbrella |
<i class="fa fa-fw fa-umbrella" aria-hidden="true"></i> |
||
| underline |
<i class="fa fa-fw fa-underline" aria-hidden="true"></i> |
||
| undo |
<i class="fa fa-fw fa-undo" aria-hidden="true"></i> |
||
| universal access |
<i class="fa fa-fw fa-universal-access" aria-hidden="true"></i> |
||
| university, library |
<i class="fa fa-fw fa-university" aria-hidden="true"></i> |
||
| lock, unlock |
<i class="fa fa-fw fa-unlock" aria-hidden="true"></i> |
||
| unlock, alt |
<i class="fa fa-fw fa-unlock-alt" aria-hidden="true"></i> |
||
| upload, cloud |
<i class="fa fa-fw fa-upload" aria-hidden="true"></i> |
||
| USB |
<i class="fa fa-fw fa-usb" aria-hidden="true"></i> |
||
| USD, money, dollar |
<i class="fa fa-fw fa-usd" aria-hidden="true"></i> |
||
| user, persona |
<i class="fa fa-fw fa-user" aria-hidden="true"></i> |
||
| user, circle |
<i class="fa fa-fw fa-user-circle" aria-hidden="true"></i> |
||
| user, circle, outline |
<i class="fa fa-fw fa-user-circle-o" aria-hidden="true"></i> |
||
| user, MD |
<i class="fa fa-fw fa-user-md" aria-hidden="true"></i> |
||
| user, outline |
<i class="fa fa-fw fa-user-o" aria-hidden="true"></i> |
||
| user, plus, add |
<i class="fa fa-fw fa-user-plus" aria-hidden="true"></i> |
||
| user, secret, agent |
<i class="fa fa-fw fa-user-secret" aria-hidden="true"></i> |
||
| user, times, delete |
<i class="fa fa-fw fa-user-times" aria-hidden="true"></i> |
||
| users |
<i class="fa fa-fw fa-users" aria-hidden="true"></i> |
||
| venus, star, sign |
<i class="fa fa-fw fa-venus" aria-hidden="true"></i> |
||
| venus, double, star sign |
<i class="fa fa-fw fa-venus-double" aria-hidden="true"></i> |
||
| venus, mars, star sign |
<i class="fa fa-fw fa-venus-mars" aria-hidden="true"></i> |
||
| Viacoin, brand |
<i class="fa fa-fw fa-viacoin" aria-hidden="true"></i> |
||
| Viadeo, brand |
<i class="fa fa-fw fa-viadeo" aria-hidden="true"></i> |
||
| Viadeo, square |
<i class="fa fa-fw fa-viadeo-square" aria-hidden="true"></i> |
||
| video camera |
<i class="fa fa-fw fa-video-camera" aria-hidden="true"></i> |
||
| Vimeo, brand |
<i class="fa fa-fw fa-vimeo" aria-hidden="true"></i> |
||
| Vimeo, square |
<i class="fa fa-fw fa-vimeo-square" aria-hidden="true"></i> |
||
| Vine, brand |
<i class="fa fa-fw fa-vine" aria-hidden="true"></i> |
||
| VK social network, logo |
<i class="fa fa-fw fa-vk" aria-hidden="true"></i> |
||
| column control, phone |
<i class="fa fa-fw fa-volume-control-phone" aria-hidden="true"></i> |
||
| volume down |
<i class="fa fa-fw fa-volume-down" aria-hidden="true"></i> |
||
| volume off |
<i class="fa fa-fw fa-volume-off" aria-hidden="true"></i> |
||
| volume up |
<i class="fa fa-fw fa-volume-up" aria-hidden="true"></i> |
||
| Weibo, brand |
<i class="fa fa-fw fa-weibo" aria-hidden="true"></i> |
||
| Weixin, brand |
<i class="fa fa-fw fa-weixin" aria-hidden="true"></i> |
||
| Whatsapp, brand |
<i class="fa fa-fw fa-whatsapp" aria-hidden="true"></i> |
||
| wheelchair, disability |
<i class="fa fa-fw fa-wheelchair" aria-hidden="true"></i> |
||
| wheelchair, alt, disability |
<i class="fa fa-fw fa-wheelchair-alt" aria-hidden="true"></i> |
||
| wifi, signal |
<i class="fa fa-fw fa-wifi" aria-hidden="true"></i> |
||
| Wikipedia, logo, brand |
<i class="fa fa-fw fa-wikipedia-w" aria-hidden="true"></i> |
||
| window close |
<i class="fa fa-fw fa-window-close" aria-hidden="true"></i> |
||
| window close, outline |
<i class="fa fa-fw fa-window-close-o" aria-hidden="true"></i> |
||
| window maximize |
<i class="fa fa-fw fa-window-maximize" aria-hidden="true"></i> |
||
| window minimize |
<i class="fa fa-fw fa-window-minimize" aria-hidden="true"></i> |
||
| window restore |
<i class="fa fa-fw fa-window-restore" aria-hidden="true"></i> |
||
| Windows, brand |
<i class="fa fa-fw fa-windows" aria-hidden="true"></i> |
||
| Wordpress, brand |
<i class="fa fa-fw fa-wordpress" aria-hidden="true"></i> |
||
| WPbeginner, brand |
<i class="fa fa-fw fa-wpbeginner" aria-hidden="true"></i> |
||
| WPExplorer, brand |
<i class="fa fa-fw fa-wpexplorer" aria-hidden="true"></i> |
||
| WPforms, brand |
<i class="fa fa-fw fa-wpforms" aria-hidden="true"></i> |
||
| wrench |
<i class="fa fa-fw fa-wrench" aria-hidden="true"></i> |
||
| xing, crossing |
<i class="fa fa-fw fa-xing" aria-hidden="true"></i> |
||
| xing, crossing, square |
<i class="fa fa-fw fa-xing-square" aria-hidden="true"></i> |
||
| Y-combinator, brand, startup |
<i class="fa fa-fw fa-y-combinator" aria-hidden="true"></i> |
||
| Yahoo, brand |
<i class="fa fa-fw fa-yahoo" aria-hidden="true"></i> |
||
| Yelp, brand |
<i class="fa fa-fw fa-yelp" aria-hidden="true"></i> |
||
| Yoast, brand |
<i class="fa fa-fw fa-yoast" aria-hidden="true"></i> |
||
| Youtube, brand |
<i class="fa fa-fw fa-youtube" aria-hidden="true"></i> |
||
| Youtube, play, icon, brand |
<i class="fa fa-fw fa-youtube-play" aria-hidden="true"></i> |
||
| Youtube, brand, square |
<i class="fa fa-fw fa-youtube-square" aria-hidden="true"></i> |
Size Classes
You may specify an alternate size by adding a size class to the standard fa class.
| Example | CSS Classes | Description |
|---|---|---|
fa |
Standard sized | |
fa fa-lg |
Large-sized | |
fa fa-2x |
Double-sized | |
fa fa-3x |
Triple-sized | |
fa fa-4x |
Quadruple-sized | |
fa fa-5x |
Quintuple-sized |
Rotation Classes
These classes may be added to rotate Font Awesome icons.
| Example | CSS Class | Description |
|---|---|---|
| -- | Normal—no rotation | |
fa-rotate-90 |
Rotate icon 90° | |
fa-rotate-180 |
Rotate icon 180° | |
fa-rotate-270 |
Rotate icon 270° | |
fa-flip-horizontal |
Flip the icon horizontally | |
fa-flip-vertical |
Flip the icon vertically |
Spin Classes
You may add a spin to an icon by adding a spin class to the standard fa class. Some browsers
don't support this effect (e.g., IE8, IE9), or have
issues rendering animated icons.
We recommend using this technique sparingly, if at
all.
| Example | CSS Classes | Description |
|---|---|---|
| Loading... | fa |
Normal — no spin |
| Loading... | fa fa-spin |
Smooth spin on a standard fa-spinner icon |
| Loading... | fa fa-pulse |
Stepwise spin on a standard fa-spinner icon |
| Loading... | fa fa-spin |
Smooth spin on a large fa-refresh icon |
| Loading... | fa fa-spin |
Smooth spin on a large fa-cog icon |
| Loading... | fa fa-spin |
Smooth spin on a large fa-compass icon |
| Loading... | fa fa-spin |
Smooth spin on a large fa-plane icon *
|
* Obviously not all icons look amazing when spinning...