Common Font Awesome

Facebook

<i class="fa fa-facebook"></i>

Google-plus

<i class="fa fa-google-plus"></i>

Instagram

<i class="fa fa-instagram"></i>

<i class="fa fa-pinterest"></i>

Twitter

<i class="fa fa-twitter"></i>

Youtube

<i class="fa fa-youtube"></i>

Linked In

<i class="fa fa-linkedin-square"></i>

Envelope

<i class="fa fa-envelope"></i>

Phone

<i class="fa fa-phone"></i>

Map Marker

<i class="fa fa-map-marker"></i>

WordPress

<i class="fa fa-wordpress"></i>

Font Awesome CSS content values

A list of Font Awesome icons and their CSS content values: https://astronautweb.co/snippet/font-awesome/

.element {
    position: relative;
}
 
/*replace the content value with the
corresponding value from the list below*/
 
.element:before {
    content: "\f000";
    font-family: FontAwesome;
    font-style: normal;
    font-weight: normal;
    text-decoration: inherit;
/*--adjust as necessary--*/
    color: #000;
    font-size: 18px;
    padding-right: 0.5em;
    position: absolute;
    top: 10px;
    left: 0;
}

<li> fa-glass <li> fa-music <li> fa-search <li> fa-envelope-o <li> fa-heart <li> fa-star <li> fa-star-o <li> fa-user <li> fa-film <li> fa-th-large <li> fa-th <li> fa-th-list <li> fa-check <li> fa-times <li> fa-search-plus <li> fa-search-minus <li> fa-power-off <li> fa-signal <li> fa-cog <li> fa-trash-o <li> fa-home <li> fa-file-o <li> fa-clock-o <li> fa-road <li> fa-download <li> fa-arrow-circ <li> fa-arrow-circle <li> fa-inbox <li> fa-play-circle-o <li> fa-repeat <li> fa-refresh <li> fa-list-alt <li> fa-lock <li> fa-flag <li> fa-headphones <li> fa-volume-off <li> fa-volume-down <li> fa-volume-up <li> fa-qrcode <li> fa-barcode <li> fa-tag <li> fa-tags <li> fa-book <li> fa-bookmark <li> fa-print <li> fa-camera <li> fa-font <li> fa-bold <li> fa-italic <li> fa-text-height <li> fa-text-width <li> fa-align-left <li> fa-align-center <li> fa-align-right <li> fa-align-justify <li> fa-list <li> fa-outdent <li> fa-indent <li> fa-video-camera <li> fa-picture-o <li> fa-pencil <li> fa-map-marker <li> fa-adjust <li> fa-tint <li> fa-pencil-square- <li> fa-share-square-o <li> fa-check-square-o <li> fa-arrows <li> fa-step-backward <li> fa-fast-backward <li> fa-backward <li> fa-play <li> fa-pause <li> fa-stop <li> fa-forward <li> fa-fast-forward <li> fa-step-forward <li> fa-eject <li> fa-chevron-left <li> fa-chevron-right <li> fa-plus-circle <li> fa-minus-circle <li> fa-times-circle <li> fa-check-circle <li> fa-question-circl <li> fa-info-circle <li> fa-crosshairs <li> fa-times-circle-o <li> fa-check-circle-o <li> fa-ban <li> fa-arrow-left <li> fa-arrow-right <li> fa-arrow-up <li> fa-arrow-down <li> fa-share <li> fa-expand <li> fa-compress <li> fa-plus <li> fa-minus <li> fa-asterisk <li> fa-exclamation <li> fa-gift <li> fa-leaf <li> fa-fire <li> fa-eye <li> fa-eye-slash <li> fa-exclamati <li> fa-plane <li> fa-calendar <li> fa-random <li> fa-comment <li> fa-magnet <li> fa-chevron-up <li> fa-chevron-down <li> fa-retweet <li> fa-shopping-cart <li> fa-folder <li> fa-folder-open <li> fa-arrows-v <li> fa-arrows-h <li> fa-bar-chart <li> fa-twitter-square <li> fa-facebook-squar <li> fa-camera-retro <li> fa-key <li> fa-cogs <li> fa-comments <li> fa-thumbs-o-up <li> fa-thumbs-o-down <li> fa-star-half <li> fa-heart-o <li> fa-sign-out <li> fa-linkedin-squar <li> fa-thumb-tack <li> fa-external-link <li> fa-sign-in <li> fa-trophy <li> fa-github-square <li> fa-upload <li> fa-lemon-o <li> fa-phone <li> fa-square-o <li> fa-bookmark-o <li> fa-phone-square <li> fa-twitter <li> fa-facebook <li> fa-github <li> fa-unlock <li> fa-credit-card <li> fa-rss <li> fa-hdd-o <li> fa-bullhorn <li> fa-bell <li> fa-certificate <li> fa-hand-o-right <li> fa-hand-o-left <li> fa-hand-o-up <li> fa-hand-o-down <li> fa-arrow-circle <li> fa-arrow-circl <li> fa-arrow-circle-u <li> fa-arrow-circle <li> fa-globe <li> fa-wrench <li> fa-tasks <li> fa-filter <li> fa-briefcase <li> fa-arrows-alt <li> fa-users <li> fa-link <li> fa-cloud <li> fa-flask <li> fa-scissors <li> fa-files-o <li> fa-paperclip <li> fa-floppy-o <li> fa-square <li> fa-bars <li> fa-list-ul <li> fa-list-ol <li> fa-strikethrough <li> fa-underline <li> fa-table <li> fa-magic <li> fa-truck <li> fa-pinterest <li> fa-pinterest-squ <li> fa-google-plus <li> fa-google-plus <li> fa-money <li> fa-caret-down <li> fa-caret-up <li> fa-caret-left <li> fa-caret-right <li> fa-columns <li> fa-sort <li> fa-sort-desc <li> fa-sort-asc <li> fa-envelope <li> fa-linkedin <li> fa-undo <li> fa-gavel <li> fa-tachometer <li> fa-comment-o <li> fa-comments-o <li> fa-bolt <li> fa-sitemap <li> fa-umbrella <li> fa-clipboard <li> fa-lightbulb-o <li> fa-exchange <li> fa-cloud-download <li> fa-cloud-upload <li> fa-user-md <li> fa-stethoscope <li> fa-suitcase <li> fa-bell-o <li> fa-coffee <li> fa-cutlery <li> fa-file-text-o <li> fa-building-o <li> fa-hospital-o <li> fa-ambulance <li> fa-medkit <li> fa-fighter-jet <li> fa-beer <li> fa-h-square <li> fa-plus-square <li> fa-angle-double <li> fa-angle-doubl <li> fa-angle-double-u <li> fa-angle-double <li> fa-angle-left <li> fa-angle-right <li> fa-angle-up <li> fa-angle-down <li> fa-desktop <li> fa-laptop <li> fa-tablet <li> fa-mobile <li> fa-circle-o <li> fa-quote-left <li> fa-quote-right <li> fa-spinner <li> fa-circle <li> fa-reply <li> fa-github-alt <li> fa-folder-o <li> fa-folder-open-o <li> fa-smile-o <li> fa-frown-o <li> fa-meh-o <li> fa-gamepad <li> fa-keyboard-o <li> fa-flag-o <li> fa-flag-checkered <li> fa-terminal <li> fa-code <li> fa-reply-all <li> fa-star-half-o <li> fa-location-arrow <li> fa-crop <li> fa-code-fork <li> fa-chain-broken <li> fa-question <li> fa-info <li> fa-exclamation <li> fa-superscript <li> fa-subscript <li> fa-eraser <li> fa-puzzle-piece <li> fa-microphone <li> fa-microphone-sl <li> fa-shield <li> fa-calendar-o <li> fa-fire-extingu <li> fa-rocket <li> fa-maxcdn <li> fa-chevron-ci <li> fa-chevron-c <li> fa-chevron-circ <li> fa-chevron-ci <li> fa-html5 <li> fa-css3 <li> fa-anchor <li> fa-unlock-alt <li> fa-bullseye <li> fa-ellipsis-h <li> fa-ellipsis-v <li> fa-rss-square <li> fa-play-circle <li> fa-ticket <li> fa-minus-square <li> fa-minus-square-o <li> fa-level-up <li> fa-level-down <li> fa-check-square <li> fa-pencil-square <li> fa-external- <li> fa-share-square <li> fa-compass <li> fa-caret-squa <li> fa-caret-square <li> fa-caret-squ <li> fa-eur <li> fa-gbp <li> fa-usd <li> fa-inr <li> fa-jpy <li> fa-rub <li> fa-krw <li> fa-btc <li> fa-file <li> fa-file-text <li> fa-sort-alpha-asc <li> fa-sort-alpha-des <li> fa-sort-amount-as <li> fa-sort-amount-d <li> fa-sort-numeric- <li> fa-sort-numeric <li> fa-thumbs-up <li> fa-thumbs-down <li> fa-youtube-square <li> fa-youtube <li> fa-xing <li> fa-xing-square <li> fa-youtube-play <li> fa-dropbox <li> fa-stack-overflow <li> fa-instagram <li> fa-flickr <li> fa-adn <li> fa-bitbucket <li> fa-bitbucket-squ <li> fa-tumblr <li> fa-tumblr-square <li> fa-long-arrow-dow <li> fa-long-arrow-up <li> fa-long-arrow-lef <li> fa-long-arrow-ri <li> fa-apple <li> fa-windows <li> fa-android <li> fa-linux <li> fa-dribbble <li> fa-skype <li> fa-foursquare <li> fa-trello <li> fa-female <li> fa-male <li> fa-gittip <li> fa-sun-o <li> fa-moon-o <li> fa-archive <li> fa-bug <li> fa-vk <li> fa-weibo <li> fa-renren <li> fa-pagelines <li> fa-stack-exchange <li> fa-arrow-cir <li> fa-arrow-circ <li> fa-caret-squa <li> fa-dot-circle-o <li> fa-wheelchair <li> fa-vimeo-square <li> fa-try <li> fa-plus-square-o <li> fa-space-shuttle <li> fa-slack <li> fa-envelope-squar <li> fa-wordpress <li> fa-openid <li> fa-university <li> fa-graduation-cap <li> fa-yahoo <li> fa-google <li> fa-reddit <li> fa-reddit-square <li> fa-stumbleupon <li> fa-stumbleupon <li> fa-delicious <li> fa-digg <li> fa-pied-piper <li> fa-pied-piper-alt <li> fa-drupal <li> fa-joomla <li> fa-language <li> fa-fax <li> fa-building <li> fa-child <li> fa-paw <li> fa-spoon <li> fa-cube <li> fa-cubes <li> fa-behance <li> fa-behance-square <li> fa-steam <li> fa-steam-square <li> fa-recycle <li> fa-car <li> fa-taxi <li> fa-tree <li> fa-spotify <li> fa-deviantart <li> fa-soundcloud <li> fa-database <li> fa-file-pdf-o <li> fa-file-word-o <li> fa-file-excel-o <li> fa-file-powerpo <li> fa-file-image-o <li> fa-file-archive-o <li> fa-file-audio-o <li> fa-file-video-o <li> fa-file-code-o <li> fa-vine <li> fa-codepen <li> fa-jsfiddle <li> fa-life-ring <li> fa-circle-o-notch <li> fa-rebel <li> fa-empire <li> fa-git-square <li> fa-git <li> fa-hacker-news <li> fa-tencent-weibo <li> fa-qq <li> fa-weixin <li> fa-paper-plane <li> fa-paper-plane-o <li> fa-history <li> fa-circle-thin <li> fa-header <li> fa-paragraph <li> fa-sliders <li> fa-share-alt <li> fa-share-alt-squ <li> fa-bomb <li> fa-futbol-o <li> fa-tty <li> fa-binoculars <li> fa-plug <li> fa-slideshare <li> fa-twitch <li> fa-yelp <li> fa-newspaper-o <li> fa-wifi <li> fa-calculator <li> fa-paypal <li> fa-google-wallet <li> fa-cc-visa <li> fa-cc-mastercard <li> fa-cc-discover <li> fa-cc-amex <li> fa-cc-paypal <li> fa-cc-stripe <li> fa-bell-slash <li> fa-bell-slash-o <li> fa-trash <li> fa-copyright <li> fa-at <li> fa-eyedropper <li> fa-paint-brush <li> fa-birthday-cake <li> fa-area-chart <li> fa-pie-chart <li> fa-line-chart <li> fa-lastfm <li> fa-lastfm-square <li> fa-toggle-off <li> fa-toggle-on <li> fa-bicycle <li> fa-bus <li> fa-ioxhost <li> fa-angellist <li> fa-cc <li> fa-ils <li> fa-meanpath “\f000”</li>
“\f001”</li>
“\f002”</li>
“\f003”</li>
“\f004”</li>
“\f005”</li>
“\f006”</li>
“\f007”</li>
“\f008”</li>
“\f009”</li>
“\f00a”</li>
“\f00b”</li>
“\f00c”</li>
“\f00d”</li>
“\f00e”</li>
“\f010”</li>
“\f011”</li>
“\f012”</li>
“\f013”</li>
“\f014”</li>
“\f015”</li>
“\f016”</li>
“\f017”</li>
“\f018”</li>
“\f019”</li>
le-o-down “\f01a”</li>
-o-up “\f01b”</li>
“\f01c”</li>
“\f01d”</li>
“\f01e”</li>
“\f021”</li>
“\f022”</li>
“\f023”</li>
“\f024”</li>
“\f025”</li>
“\f026”</li>
“\f027”</li>
“\f028”</li>
“\f029”</li>
“\f02a”</li>
“\f02b”</li>
“\f02c”</li>
“\f02d”</li>
“\f02e”</li>
“\f02f”</li>
“\f030”</li>
“\f031”</li>
“\f032”</li>
“\f033”</li>
“\f034”</li>
“\f035”</li>
“\f036”</li>
“\f037”</li>
“\f038”</li>
“\f039”</li>
“\f03a”</li>
“\f03b”</li>
“\f03c”</li>
“\f03d”</li>
“\f03e”</li>
“\f040”</li>
“\f041”</li>
“\f042”</li>
“\f043”</li>
o “\f044”</li>
“\f045”</li>
“\f046”</li>
“\f047”</li>
“\f048”</li>
“\f049”</li>
“\f04a”</li>
“\f04b”</li>
“\f04c”</li>
“\f04d”</li>
“\f04e”</li>
“\f050”</li>
“\f051”</li>
“\f052”</li>
“\f053”</li>
“\f054”</li>
“\f055”</li>
“\f056”</li>
“\f057”</li>
“\f058”</li>
e “\f059”</li>
“\f05a”</li>
“\f05b”</li>
“\f05c”</li>
“\f05d”</li>
“\f05e”</li>
“\f060”</li>
“\f061”</li>
“\f062”</li>
“\f063”</li>
“\f064”</li>
“\f065”</li>
“\f066”</li>
“\f067”</li>
“\f068”</li>
“\f069”</li>
-circle “\f06a”</li>
“\f06b”</li>
“\f06c”</li>
“\f06d”</li>
“\f06e”</li>
“\f070”</li>
on-triangle “\f071”</li>
“\f072”</li>
“\f073”</li>
“\f074”</li>
“\f075”</li>
“\f076”</li>
“\f077”</li>
“\f078”</li>
“\f079”</li>
“\f07a”</li>
“\f07b”</li>
“\f07c”</li>
“\f07d”</li>
“\f07e”</li>
“\f080”</li>
“\f081”</li>
e “\f082”</li>
“\f083”</li>
“\f084”</li>
“\f085”</li>
“\f086”</li>
“\f087”</li>
“\f088”</li>
“\f089”</li>
“\f08a”</li>
“\f08b”</li>
e “\f08c”</li>
“\f08d”</li>
“\f08e”</li>
“\f090”</li>
“\f091”</li>
“\f092”</li>
“\f093”</li>
“\f094”</li>
“\f095”</li>
“\f096”</li>
“\f097”</li>
“\f098”</li>
“\f099”</li>
“\f09a”</li>
“\f09b”</li>
“\f09c”</li>
“\f09d”</li>
“\f09e”</li>
“\f0a0”</li>
“\f0a1”</li>
“\f0f3”</li>
“\f0a3”</li>
“\f0a4”</li>
“\f0a5”</li>
“\f0a6”</li>
“\f0a7”</li>
-left “\f0a8”</li>
e-right “\f0a9”</li>
p “\f0aa”</li>
-down “\f0ab”</li>
“\f0ac”</li>
“\f0ad”</li>
“\f0ae”</li>
“\f0b0”</li>
“\f0b1”</li>
“\f0b2”</li>
“\f0c0”</li>
“\f0c1”</li>
“\f0c2”</li>
“\f0c3”</li>
“\f0c4”</li>
“\f0c5”</li>
“\f0c6”</li>
“\f0c7”</li>
“\f0c8”</li>
“\f0c9”</li>
“\f0ca”</li>
“\f0cb”</li>
“\f0cc”</li>
“\f0cd”</li>
“\f0ce”</li>
“\f0d0”</li>
“\f0d1”</li>
“\f0d2”</li>
are “\f0d3”</li>
-square “\f0d4”</li>
“\f0d5”</li>
“\f0d6”</li>
“\f0d7”</li>
“\f0d8”</li>
“\f0d9”</li>
“\f0da”</li>
“\f0db”</li>
“\f0dc”</li>
“\f0dd”</li>
“\f0de”</li>
“\f0e0”</li>
“\f0e1”</li>
“\f0e2”</li>
“\f0e3”</li>
“\f0e4”</li>
“\f0e5”</li>
“\f0e6”</li>
“\f0e7”</li>
“\f0e8”</li>
“\f0e9”</li>
“\f0ea”</li>
“\f0eb”</li>
“\f0ec”</li>
“\f0ed”</li>
“\f0ee”</li>
“\f0f0”</li>
“\f0f1”</li>
“\f0f2”</li>
“\f0a2”</li>
“\f0f4”</li>
“\f0f5”</li>
“\f0f6”</li>
“\f0f7”</li>
“\f0f8”</li>
“\f0f9”</li>
“\f0fa”</li>
“\f0fb”</li>
“\f0fc”</li>
“\f0fd”</li>
“\f0fe”</li>
-left “\f100”</li>
e-right “\f101”</li>
p “\f102”</li>
-down “\f103”</li>
“\f104”</li>
“\f105”</li>
“\f106”</li>
“\f107”</li>
“\f108”</li>
“\f109”</li>
“\f10a”</li>
“\f10b”</li>
“\f10c”</li>
“\f10d”</li>
“\f10e”</li>
“\f110”</li>
“\f111”</li>
“\f112”</li>
“\f113”</li>
“\f114”</li>
“\f115”</li>
“\f118”</li>
“\f119”</li>
“\f11a”</li>
“\f11b”</li>
“\f11c”</li>
“\f11d”</li>
“\f11e”</li>
“\f120”</li>
“\f121”</li>
“\f122”</li>
“\f123”</li>
“\f124”</li>
“\f125”</li>
“\f126”</li>
“\f127”</li>
“\f128”</li>
“\f129”</li>
“\f12a”</li>
“\f12b”</li>
“\f12c”</li>
“\f12d”</li>
“\f12e”</li>
“\f130”</li>
ash “\f131”</li>
“\f132”</li>
“\f133”</li>
isher “\f134”</li>
“\f135”</li>
“\f136”</li>
rcle-left “\f137”</li>
ircle-right “\f138”</li>
le-up “\f139”</li>
rcle-down “\f13a”</li>
“\f13b”</li>
“\f13c”</li>
“\f13d”</li>
“\f13e”</li>
“\f140”</li>
“\f141”</li>
“\f142”</li>
“\f143”</li>
“\f144”</li>
“\f145”</li>
“\f146”</li>
“\f147”</li>
“\f148”</li>
“\f149”</li>
“\f14a”</li>
“\f14b”</li>
link-square “\f14c”</li>
“\f14d”</li>
“\f14e”</li>
re-o-down “\f150”</li>
-o-up “\f151”</li>
are-o-right “\f152”</li>
“\f153”</li>
“\f154”</li>
“\f155”</li>
“\f156”</li>
“\f157”</li>
“\f158”</li>
“\f159”</li>
“\f15a”</li>
“\f15b”</li>
“\f15c”</li>
“\f15d”</li>
c “\f15e”</li>
c “\f160”</li>
esc “\f161”</li>
asc “\f162”</li>
-desc “\f163”</li>
“\f164”</li>
“\f165”</li>
“\f166”</li>
“\f167”</li>
“\f168”</li>
“\f169”</li>
“\f16a”</li>
“\f16b”</li>
“\f16c”</li>
“\f16d”</li>
“\f16e”</li>
“\f170”</li>
“\f171”</li>
are “\f172”</li>
“\f173”</li>
“\f174”</li>
n “\f175”</li>
“\f176”</li>
t “\f177”</li>
ght “\f178”</li>
“\f179”</li>
“\f17a”</li>
“\f17b”</li>
“\f17c”</li>
“\f17d”</li>
“\f17e”</li>
“\f180”</li>
“\f181”</li>
“\f182”</li>
“\f183”</li>
“\f184”</li>
“\f185”</li>
“\f186”</li>
“\f187”</li>
“\f188”</li>
“\f189”</li>
“\f18a”</li>
“\f18b”</li>
“\f18c”</li>
“\f18d”</li>
cle-o-right “\f18e”</li>
le-o-left “\f190”</li>
re-o-left “\f191”</li>
“\f192”</li>
“\f193”</li>
“\f194”</li>
“\f195”</li>
“\f196”</li>
“\f197”</li>
“\f198”</li>
e “\f199”</li>
“\f19a”</li>
“\f19b”</li>
“\f19c”</li>
“\f19d”</li>
“\f19e”</li>
“\f1a0”</li>
“\f1a1”</li>
“\f1a2”</li>
-circle “\f1a3”</li>
“\f1a4”</li>
“\f1a5”</li>
“\f1a6”</li>
“\f1a7”</li>
“\f1a8”</li>
“\f1a9”</li>
“\f1aa”</li>
“\f1ab”</li>
“\f1ac”</li>
“\f1ad”</li>
“\f1ae”</li>
“\f1b0”</li>
“\f1b1”</li>
“\f1b2”</li>
“\f1b3”</li>
“\f1b4”</li>
“\f1b5”</li>
“\f1b6”</li>
“\f1b7”</li>
“\f1b8”</li>
“\f1b9”</li>
“\f1ba”</li>
“\f1bb”</li>
“\f1bc”</li>
“\f1bd”</li>
“\f1be”</li>
“\f1c0”</li>
“\f1c1”</li>
“\f1c2”</li>
“\f1c3”</li>
int-o “\f1c4”</li>
“\f1c5”</li>
“\f1c6”</li>
“\f1c7”</li>
“\f1c8”</li>
“\f1c9”</li>
“\f1ca”</li>
“\f1cb”</li>
“\f1cc”</li>
“\f1cd”</li>
“\f1ce”</li>
“\f1d0”</li>
“\f1d1”</li>
“\f1d2”</li>
“\f1d3”</li>
“\f1d4”</li>
“\f1d5”</li>
“\f1d6”</li>
“\f1d7”</li>
“\f1d8”</li>
“\f1d9”</li>
“\f1da”</li>
“\f1db”</li>
“\f1dc”</li>
“\f1dd”</li>
“\f1de”</li>
“\f1e0”</li>
are “\f1e1”</li>
“\f1e2”</li>
“\f1e3”</li>
“\f1e4”</li>
“\f1e5”</li>
“\f1e6”</li>
“\f1e7”</li>
“\f1e8”</li>
“\f1e9”</li>
“\f1ea”</li>
“\f1eb”</li>
“\f1ec”</li>
“\f1ed”</li>
“\f1ee”</li>
“\f1f0”</li>
“\f1f1”</li>
“\f1f2”</li>
“\f1f3”</li>
“\f1f4”</li>
“\f1f5”</li>
“\f1f6”</li>
“\f1f7”</li>
“\f1f8”</li>
“\f1f9”</li>
“\f1fa”</li>
“\f1fb”</li>
“\f1fc”</li>
“\f1fd”</li>
“\f1fe”</li>
“\f200”</li>
“\f201”</li>
“\f202”</li>
“\f203”</li>
“\f204”</li>
“\f205”</li>
“\f206”</li>
“\f207”</li>
“\f208”</li>
“\f209”</li>
“\f20a”</li>
“\f20b”</li>
“\f20c”</li>

</ul>
</html>