Font Awesome icon usage statistics

  • 5 types of Font Awesome iconic font are used and found 11 times in total.
  • TRAVELSINTRANSLATION.COM used 2.2 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of TRAVELSINTRANSLATION.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • TRAVELSINTRANSLATION.COM includes "http://www.travelsintranslation.com/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/instagramy/assets/style.css,wp-content/plugins/taqyeem/style.css,wp-content/plugins/alpine-photo-tile-for-instagram/css/AlpinePhotoTiles_style.css,wp-content/plugins/contact-form-7/includes/css/styles.css,wp-content/plugins/tagregator/includes/font-awesome/css/font-awesome.min.css,wp-content/plugins/tagregator/css/front-end.css,wp-content/plugins/taqyeem-buttons/assets/style.css,wp-content/plugins/jquery-pin-it-button-for-images/css/style.css,wp-content/plugins/show-posts/atw-posts-style.min.css,wp-content/themes/sahifa/style.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'tieinstafontello';src:url('/wp-content/plugins/instagramy/assets/fonts/fontello.eot?11129671');src:url('/wp-content/plugins/instagramy/assets/fonts/fontello.eot?11129671#iefix') format('embedded-opentype'),
    url('/wp-content/plugins/instagramy/assets/fonts/fontello.woff?11129671') format('woff'),
    url('/wp-content/plugins/instagramy/assets/fonts/fontello.ttf?11129671') format('truetype'),
    url('/wp-content/plugins/instagramy/assets/fonts/fontello.svg?11129671#fontello') format('svg');font-weight:normal;font-style:normal}@media screen and (-webkit-min-device-pixel-ratio:0){@font-face{font-family:'fontello';src:url('/wp-content/plugins/instagramy/font/fontello.svg?11129671#fontello') format('svg')}}[class^="tieinstaicon-"]:before, [class*=" tieinstaicon-"]:before{font-family:"tieinstafontello";font-style:normal;font-weight:normal;speak:none;display:inline-block;text-decoration:inherit;width:1em;text-align:center;font-variant:normal;text-transform:none;line-height:1em}.tieinstaicon-instagram:before{content:'\e800'}.tieinstaicon-heart:before{content:'\e801'}.tieinstaicon-comment-alt:before{content:'\e802'}.tieinstaicon-play:before{content:'\e803'}.tieinstaicon-zoom-in:before{content:'\e804'}.tieinstaicon-link-ext:before{content:'\e805'}.tieinstaicon-right-open:before{content:'\e806'}.tieinstaicon-left-open:before{content:'\e807'}body.rtl .tie-instagram.tieinsta-grid .tie-instagram-post,
    body.rtl .tie-instagram.header-layout-2 .tie-instagram-counts ul li,
    body.rtl .tie-instagram.header-layout-3 .tie-instagram-counts ul
    li{float:right}body.rtl .tie-instagram.header-layout-1 .tie-instagram-avatar,
    body.rtl .tie-instagram.header-layout-2 .tie-instagram-avatar{float:right;margin-right:0;margin-left:10px}body.rtl .media-comment-likes
    span{padding-right:0;padding-left:5px}body.rtl .tie-instagram.header-layout-2 .tie-instagram-counts ul
    li{border-right:1px solid #ccc;border-left:0 none}.ilightbox-title{font-size:12px !important}.ilightbox-title
    a{color:#ccc}.ilightbox-title a:hover{color:#FFF}.ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title a,
    .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title
    a{color:#555}.ilightbox-holder.light .ilightbox-inner-toolbar .ilightbox-title a:hover,
    .ilightbox-holder.metro-white .ilightbox-inner-toolbar .ilightbox-title a:hover{color:#000}.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder, .ilightbox-holder .ilightbox-container, .ilightbox-holder .ilightbox-container img.ilightbox-image, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-toolbar *, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social, .ilightbox-holder .ilightbox-container .ilightbox-social
    *{float:none;margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:100%;vertical-align:baseline;background:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:-moz-none;-khtml-user-select:none;-o-user-select:none;user-select:none}.ilightbox-overlay, .ilightbox-loader, .ilightbox-loader *, .ilightbox-holder .ilightbox-container .ilightbox-caption, .ilightbox-toolbar, .ilightbox-thumbnails, .ilightbox-thumbnails *, .ilightbox-holder .ilightbox-container .ilightbox-social{-webkit-transform:translateZ(0);-moz-transform:translateZ(0)}.ilightbox-noscroll{overflow:hidden}.ilightbox-closedhand
    *{cursor:url(/wp-content/plugins/instagramy/assets/ilightbox/closedhand.cur),default !important}.ilightbox-overlay{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:100000}.ilightbox-loader{position:fixed;z-index:100005;top:45%;left:-192px;padding-left:30px;opacity:0.9;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0}.ilightbox-loader
    div{width:72px;height:72px;-webkit-border-radius:0 100px 100px 0;border-radius:0 100px 100px 0}.ilightbox-loader.horizontal{left:45%;top:-192px;padding:0;padding-top:30px;-webkit-border-radius:0 0 100px 100px;border-radius:0 0 100px 100px}.ilightbox-loader.horizontal
    div{-webkit-border-radius:0 0 100px 100px;border-radius:0 0 100px 100px}.ilightbox-toolbar{display:none;position:fixed;z-index:100010}.ilightbox-toolbar
    a{float:left;cursor:pointer}.ilightbox-toolbar .ilightbox-prev-button,
    .ilightbox-toolbar .ilightbox-next-button{display:none}.ilightbox-thumbnails{display:block;position:fixed;z-index:100009}.ilightbox-thumbnails.ilightbox-horizontal{bottom:0;left:0;width:100%;height:100px}.ilightbox-thumbnails.ilightbox-vertical{top:0;right:0;width:140px;height:100%;overflow:hidden}.ilightbox-thumbnails .ilightbox-thumbnails-container{display:block;position:relative}.ilightbox-thumbnails.ilightbox-horizontal .ilightbox-thumbnails-container{width:100%;height:100px}.ilightbox-thumbnails.ilightbox-vertical .ilightbox-thumbnails-container{width:140px;height:100%}.ilightbox-thumbnails .ilightbox-thumbnails-grid{display:block;position:absolute;-webkit-transform:translateZ(0);-moz-transform:translateZ(0)}.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail{display:block;cursor:pointer;padding:10px;position:relative}.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail
    img{width:100%;height:100%;-webkit-border-radius:2px;border-radius:2px;-ms-interpolation-mode:bicubic}.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon{width:100%;height:100%;position:absolute;top:0;left:0;opacity: .7}.ilightbox-thumbnails .ilightbox-thumbnails-grid .ilightbox-thumbnail .ilightbox-thumbnail-icon:hover{opacity:1}.ilightbox-holder{display:none;position:fixed;z-index:100003;-webkit-transform:none;-moz-transform:none}.ilightbox-holder.ilightbox-next,.ilightbox-holder.ilightbox-prev{cursor:pointer}.ilightbox-holder div.ilightbox-container{position:relative;width:100%;height:100%}.ilightbox-holder.supportTouch div.ilightbox-container{overflow:scroll;-webkit-overflow-scrolling:touch}.ilightbox-holder img.ilightbox-image{width:100%;height:100%}.ilightbox-holder .ilightbox-container .ilightbox-caption{display:none;position:absolute;left:30px;right:30px;bottom:0;max-width:100%;padding:5px
    10px;margin:0
    auto;font-size:12px;line-height:150%;word-wrap:break-word;z-index:20003;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.ilightbox-holder .ilightbox-container .ilightbox-social{display:none;position:absolute;left:10px;top:10px;padding:5px;padding-left:0;z-index:20003;height:16px}.ilightbox-holder .ilightbox-container .ilightbox-social
    ul{float:left;list-style:none;height:16px}.ilightbox-holder .ilightbox-container .ilightbox-social ul
    li{display:inline}.ilightbox-holder .ilightbox-container .ilightbox-social ul li
    a{float:left;margin-left:5px;width:16px;height:16px;background-repeat:no-repeat;background-position:50%}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.facebook
    a{background-image:url('/wp-content/plugins/instagramy/social_icons/facebook_16.png')}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.digg
    a{background-image:url('/wp-content/plugins/instagramy/social_icons/digg_16.png')}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.twitter
    a{background-image:url('/wp-content/plugins/instagramy/social_icons/twitter_16.png')}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.delicious
    a{background-image:url('/wp-content/plugins/instagramy/social_icons/delicious_16.png')}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.reddit
    a{background-image:url('/wp-content/plugins/instagramy/social_icons/reddit_16.png')}.ilightbox-holder .ilightbox-container .ilightbox-social ul li.googleplus
    a{background-image:url('/wp-content/plugins/instagramy/social_icons/google_plus_16.png')}.ilightbox-holder .ilightbox-alert{display:block;position:absolute;left:0;right:0;top:0;bottom:0;text-align:center;padding-top:100px;margin:auto;width:300px;height:50px}.ilightbox-holder .ilightbox-wrapper{width:100%;height:100%;overflow:auto;-webkit-overflow-scrolling:touch}.ilightbox-holder .ilightbox-inner-toolbar{position:relative;z-index:100}.ilightbox-holder .ilightbox-inner-toolbar .ilightbox-toolbar{position:absolute}.ilightbox-button{position:fixed;z-index:100008;cursor:pointer}.isMobile .ilightbox-button,
    .isMobile .ilightbox-thumbnails{display:none !important}.isMobile .ilightbox-toolbar .ilightbox-prev-button,
    .isMobile .ilightbox-toolbar .ilightbox-next-button{display:block}@media only screen and (max-width: 767px){.tieinsta-grid.grid-col-5.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-6.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-7.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-8.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-9.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-10.tie-instagram .tie-instagram-post{width:25%}.ilightbox-title,.ilightbox-caption{display:none !important}}@media only screen and (max-width: 479px){.tieinsta-grid.grid-col-4.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-5.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-6.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-7.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-8.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-9.tie-instagram .tie-instagram-post,
    .tieinsta-grid.grid-col-10.tie-instagram .tie-instagram-post{width:33.33333333333%}}.review-box{margin:20px
    0;background-color:#eee;padding:10px;color:#FFF;font-size:12px}#review-box h1, #review-box h2, #review-box h3, #review-box h4, #review-box h5, #review-box h6 , #review-box p , #review-box
    strong{margin:0;color:#FFF}#review-box
    br{display:none}.review-bottom{clear:both}.taq-clear{clear:both}#review-box h2.review-box-header{font-size:20px;color:#FFF;margin-bottom:2px;background:#2b2b2b;font-size:22px;padding:10px
    8px;margin-bottom:2px;font-weight:bold}.review-item{margin-bottom:2px;opacity:1;-webkit-transition:all ease-in-out 0.2s;-moz-transition:all ease-in-out 0.2s;-o-transition:all ease-in-out 0.2s;transition:all ease-in-out 0.2s}#review-box .review-item
    h5{font-size:12px;color:#FFF;position:relative;z-index:2;line-height:20px}#review-box.review-percentage .review-item h5,#review-box.review-percentage .review-item
    h5{line-height:34px;padding:0
    8px}.review-percentage .review-item
    span{position:relative;background:#3a3a3a;display:block;height:34px}.review-percentage .review-item span
    span{top:0;position:absolute;background-color:#00a9b0;background-image:url(/wp-content/plugins/taqyeem/images/stripes.png);display:block;height:34px;-webkit-animation:wentrance 2s;animation:wentrance 2s}@-webkit-keyframes
    wentrance{0%{opacity:0}100%{opacity:1}}@keyframes
    wentrance{0%{opacity:0}100%{opacity:1}}.review-stars .review-item{background:#3a3a3a;margin-bottom:2px;overflow:hidden;padding:6px
    8px}#review-box.review-stars .review-item
    h5{float:left}.review-stars .stars-large, .review-stars .hearts-large, .review-stars .thumbs-large{float:right}.review-final-score .stars-large, .review-final-score .hearts-large, .review-final-score .thumbs-large{float:none !important;margin:0
    auto 10px}.review-summary{background-color:#3a3a3a;overflow:hidden;position:relative;min-height:85px}.review-short-summary{padding:10px;display:table-cell;vertical-align:top;padding-right:122px}.review-short-summary
    a{color:#ccc;text-decoration:underline}.review-short-summary a:hover{color:#fff}.review-final-score{background-color:#00a9b0;width:100px;height:1000px;position:absolute;right:0;top:0;text-align:center;color:#fff;padding:10px
    5px;border-color:#eee;border-style:solid;border-width:0 0 0 2px}.review-final-score .post-large-rate{margin-top:5px}#review-box .review-final-score
    h3{font-size:44px;color:#FFF;font-weight:bold}#review-box .review-final-score h3
    span{font-size:24px}#review-box .review-final-score
    h4{margin-bottom:0;font-size:20px;color:#FFF}.review-top{float:left;width:60%;margin-right:20px}span.post-small-rate, span.post-small-rate span, span.post-large-rate, span.post-large-rate
    span{-webkit-transition:0 none;-moz-transition:0 none;-ms-transition:0 none;-o-transition:0 none;transition:0 none}span.post-small-rate{width:54px;display:block;height:15px;background-position:left bottom;background-repeat:no-repeat}span.post-small-rate
    span{width:100%;display:block;height:15px;background-position:left top;background-repeat:no-repeat;float:left}span.stars-small, span.stars-small
    span{background-image:url(/wp-content/plugins/taqyeem/images/stars-small.png)}span.hearts-small, span.hearts-small
    span{background-image:url(/wp-content/plugins/taqyeem/images/hearts-small.png)}span.thumbs-small, span.thumbs-small
    span{background-image:url(/wp-content/plugins/taqyeem/images/thumbs-small.png)}span.post-large-rate{width:98px;display:block;height:22px;background-position:left bottom;background-repeat:no-repeat}span.post-large-rate
    span{width:100%;display:block;height:22px;background-position:left top;background-repeat:no-repeat;float:left}span.stars-large, span.stars-large
    span{background-image:url(/wp-content/plugins/taqyeem/images/stars-large.png) }span.hearts-large, span.hearts-large
    span{background-image:url(/wp-content/plugins/taqyeem/images/hearts-large.png) }span.thumbs-large, span.thumbs-large
    span{background-image:url(/wp-content/plugins/taqyeem/images/thumbs-large.png) }.post-single-rate{float:left;margin-right:5px}.user-rate-wrap{background:#2b2b2b;margin-top:2px;padding:7px
    8px}.user-rate{float:right;width:98px}.user-rate-wrap .user-rating-text{float:left}ul.reviews-posts{list-style:none}ul.reviews-posts
    li{overflow:hidden}ul.reviews-posts .review-thumbnail{float:left;margin-right:10px}ul.reviews-posts
    h3{margin-bottom:5px}.taq-user-rate-active span.post-large-rate
    span{cursor:pointer}.taq-load{background:url(/wp-content/plugins/taqyeem/images/ajax-loader.gif) no-repeat center;width:98px;height:22px;display:block}body.rtl .review-top{float:right;margin-right:0;margin-left:20px}body.rtl .review-stars .stars-large, body.rtl .review-stars .hearts-large, body.rtl .review-stars .thumbs-large , body.rtl .user-rate ,
    body.rtl .stars-large span, body.rtl .hearts-large span, body.rtl .thumbs-large
    span{float:left}body.rtl #review-box.review-stars .review-item h5, body.rtl .user-rate-wrap .user-rating-text{float:right}body.rtl .review-final-score{border-width:0 2px 0 0;right:auto;left:0}body.rtl .post-single-rate{float:right;margin-left:5px;margin-right:0}body.rtl ul.reviews-posts .review-thumbnail{float:right;margin-left:10px;margin-right:0}body.rtl .review-short-summary{padding-right:10px;padding-left:122px}@media only screen and (max-width: 768px){.review-top, body.rtl .review-top{float:none;width:auto;margin-right:0;margin-left:0}}@media only screen and (max-width: 480px){.review-final-score, body.rtl .review-final-score{width:auto;display:block;border-width:0 0 2px 0;height:auto;position:relative}.review-short-summary, body.rtl .review-short-summary{padding:10px}.user-rate-wrap, body.rtl .user-rate-wrap{text-align:center}.user-rate, body.rtl .user-rate{float:none;margin:5px
    auto 0}.user-rate-wrap .user-rating-text, body.rtl .user-rate-wrap .user-rating-text{float:none}}.AlpinePhotoTiles_container_class{position:relative;width:100%;display:block;overflow:hidden}.AlpinePhotoTiles_container_class
    img{margin:0;margin-bottom:4px}.AlpinePhotoTiles_container_class.loading{min-height:200px;width:100%;background-image:url("/wp-content/plugins/alpine-photo-tile-for-instagram/css/images/loader.gif");background-position:center;background-repeat:no-repeat;background-size:40px 40px;background-color:#fff;border-radius:3px 3px 3px 3px}.AlpinePhotoTiles_inpost_container{padding-bottom:10px;display:block;clear:both;width:100%;overflow:hidden}img.AlpinePhotoTiles-img-corners{border-radius:3px 3px 3px 3px ! important}img.AlpinePhotoTiles-img-nocorners{border-radius:0 0 0 0 ! important}.AlpinePhotoTiles_cascade_column{margin:0;padding:0;max-width:100%;float:left}.AlpinePhotoTiles_breakline{width:100%;float:left;position:relative;clear:both;height:1px}.AlpinePhotoTiles_parent_class{position:relative;max-width:100%;clear:both;display:block;height:auto;overflow:hidden}.AlpinePhotoTiles-row{max-width:100%;position:relative;padding:0
    0 4px 0;clear:both;display:block;height:auto}.AlpinePhotoTiles-tile{display:block;background-size:cover;background-repeat:no-repeat;background-position:center;margin:0
    0 0 4px;float:left}.AlpinePhotoTiles-half-tile{}.AlpinePhotoTiles-half-tile-first{}.AlpinePhotoTiles-half-tile-last{}.AlpinePhotoTiles-bookshelf{padding:5px
    0}.AlpinePhotoTiles-book{position:absolute;bottom:5px;margin:0
    0 0 4px}.AlpinePhotoTiles-riftline{padding:0
    0 5px 0}.AlpinePhotoTiles-rift{position:absolute;bottom:5px;margin:0
    0 0 4px}.AlpinePhotoTiles-rift.AlpinePhotoTiles-float-0{top:0px}.AlpinePhotoTiles-rift.AlpinePhotoTiles-float-1{bottom:5px}.AlpinePhotoTiles-image-div-container{overflow:hidden}.AlpinePhotoTiles-gallery-container{margin:0
    0 0 4px}.AlpinePhotoTiles-image-div{position:relative;display:block;background-size:cover;background-repeat:no-repeat;background-position:center;width:100%;height:100%}.AlpinePhotoTiles-link{width:100%;height:100%;display:block;position:relative;overflow:hidden}.AlpinePhotoTiles-border-div{background:none repeat scroll 0 0 #FFF;padding:5px}.AlpinePhotoTiles-highlight-div{padding:2px}.AlpinePhotoTiles-shadow-div{box-shadow:1px 1px 3px rgba(34,25,25,0.4)}.AlpinePhotoTiles-curve-div{border-radius:3px 3px 3px 3px}.AlpinePhotoTiles-display-link{width:100%;text-align:center;margin:3px
    0 3px 0;position:relative}.AlpinePhotoTiles-image-link{margin:0px;border:0px;padding:3px
    0 3px 0}.AlpinePhotoTiles-display-link-container{position:relative;clear:both;display:block;width:100%}.AlpinePhotoTiles-vertical-img{position:relative;width:100%;margin:4px
    0 0 0;padding:0;border:0;outline:0}.AlpinePhotoTiles-vertical-link{line-height:0;display:block}.AlpinePhotoTiles-tile-img{width:100%;margin:0;padding:0;border:0;outline:0}.AlpinePhotoTiles-by-link{position:absolute;bottom:0px;left:5px;display:block;height:auto;color:#C0C0C0;padding:5px;text-align:left;font-size:12px;z-index:100}.AlpinePhotoTiles-by-link
    a{font-size:8px;line-height:8px;opacity:0.9;filter:alpha(opacity=90);COLOR:#C0C0C0;text-decoration:none}.AlpinePhotoTiles-pinterest-container{display:block;position:relative}.AlpinePhotoTiles-pin-it-button{display:block;width:100%;height:100%}.AlpinePhotoTiles-pinterest-container:hover .AlpinePhotoTiles-pin-it{opacity:1}.AlpinePhotoTiles-pin-it{background-image:url('/wp-content/plugins/alpine-photo-tile-for-instagram/css/images/pin-it.png');width:43px;height:21px;max-height:40%;max-width:40%;background-size:contain;background-position:center;background-repeat:no-repeat;position:absolute;bottom:18px;right:15px;opacity:0}.AlpinePhotoTiles-pin-it.small{bottom:7px;right:9px}.AlpinePhotoTiles-pin-it:hover{background-color:rgba(34, 25, 25, 0.6);box-shadow:0 0 3px rgba(34, 25, 25, 0.6)}div.wpcf7{margin:0;padding:0}div.wpcf7-response-output{margin:2em
    0.5em 1em;padding:0.2em 1em}div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}div.wpcf7-mail-sent-ok{border:2px
    solid #398f14}div.wpcf7-mail-sent-ng{border:2px
    solid #f00}div.wpcf7-spam-blocked{border:2px
    solid #ffa500}div.wpcf7-validation-errors{border:2px
    solid #f7e700}span.wpcf7-form-control-wrap{position:relative}span.wpcf7-not-valid-tip{color:#f00;font-size:1em;display:block}.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px
    solid #f00;background:#fff;padding: .2em .8em}span.wpcf7-list-item{margin-left:0.5em}.wpcf7-display-none{display:none}div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px}div.wpcf7 div.ajax-error{display:none}div.wpcf7
    .placeheld{color:#888}@font-face{font-family:'FontAwesome';src:url('/wp-content/plugins/tagregator/includes/font-awesome/font/fontawesome-webfont.eot?v=3.2.1');src:url('/wp-content/plugins/tagregator/includes/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('/wp-content/plugins/tagregator/includes/font-awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('/wp-content/plugins/tagregator/includes/font-awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('/wp-content/plugins/tagregator/includes/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

fa-facebook

Place Font Awesome icons just about anywhere with the <i> tag.

<i class="fa fa-facebook"></i> fa-facebook
Icon classes are echoed via CSS :before.

fa-facebook

fa-facebook

fa-facebook

fa-facebook

fa-facebook

To increase icon sizes relative to their container, use the fa-lg (33% increase), fa-2x, fa-3x, fa-4x, or fa-5x classes.

<p><i class="fa fa-facebook fa-lg"></i> fa-facebook</p>
<p><i class="fa fa-facebook fa-2x"></i> fa-facebook</p>
<p><i class="fa fa-facebook fa-3x"></i> fa-facebook</p>
<p><i class="fa fa-facebook fa-4x"></i> fa-facebook</p>
<p><i class="fa fa-facebook fa-5x"></i> fa-facebook</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-facebook fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-facebook fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

Use fa-ul and fa-li to easily replace default bullets in unordered lists.

<ul class="fa-ul">
  <li><i class="fa-li fa fa-facebook"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-facebook fa-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use fa-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class="fa fa-facebook fa-2x pull-left fa-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  fa-rotate-90
  fa-rotate-180
  fa-rotate-270
  fa-flip-horizontal
  fa-flip-vertical

To arbitrarily rotate and flip icons, use the fa-rotate-* and fa-flip-* classes.

<i class="fa fa-facebook"></i>  normal<br>
<i class="fa fa-facebook fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-facebook fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-facebook fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-facebook fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-facebook fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-facebook fa-2x fa-spin"></i>
<i class="fa fa-facebook fa-3x fa-spin"></i>
<i class="fa fa-facebook fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-facebook on fa-square-o
fa-facebook on fa-circle
fa-facebookl on fa-square
fa-ban on fa-facebook

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-facebook fa-stack-1x"></i>
</span>
fa-facebook on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
fa-facebook on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-facebook fa-stack-1x fa-inverse"></i>
</span>
fa-facebook on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-facebook fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-facebook

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-facebook fa-lg"></i> fa-facebook</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-facebook"></i> fa-facebook</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-facebook fa-2x pull-left"></i> Font Awesome<br>fa-facebook



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-facebook fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-facebook">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-facebook fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-facebook">
</div>