Font Awesome icon usage statistics

  • 6 types of Font Awesome iconic font are used and found 6 times in total.
  • CRESCENTRATING.COM used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of CRESCENTRATING.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • CRESCENTRATING.COM includes "http://www.crescentrating.com/templates/gantry/css-compiled/master-c6cf6bb4a91a66ccd69fce4eba887a36.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'Open Sans';src:url('../fonts/Regular/OpenSans-Regular.eot');src:url('../fonts/Regular/OpenSans-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/Regular/OpenSans-Regular.woff') format('woff'), url('../fonts/Regular/OpenSans-Regular.ttf') format('truetype'), url('../fonts/Regular/OpenSans-Regular.svg#OpenSansRegular') format('svg');font-weight:normal;font-style:normal;}.rok-left{float:left;}.rok-right{float:right;}.rok-dropdown-group,.rok-dropdown{position:relative;}.rok-dropdown-open .rok-dropdown{display:block;}.rok-popover-group,.rok-popover{position:relative;}.rok-popover-open .rok-popover{display:block;}a:hover{text-decoration:none;}.table{display:table;}.cell{display:table-cell;}html{margin-bottom:1px;height:100%;}body{margin-bottom:1px;}.rt-block{position:relative;}#rt-content-top,#rt-content-bottom{overflow:hidden;}.rt-grid-1:before,.rt-grid-2:before,.rt-grid-3:before,.rt-grid-4:before,.rt-grid-5:before,.rt-grid-6:before,.rt-grid-7:before,.rt-grid-8:before,.rt-grid-9:before,.rt-grid-10:before,.rt-grid-11:before,.rt-grid-12:before{display:table;content:"";clear:both;}.rt-grid-1:after,.rt-grid-2:after,.rt-grid-3:after,.rt-grid-4:after,.rt-grid-5:after,.rt-grid-6:after,.rt-grid-7:after,.rt-grid-8:after,.rt-grid-9:after,.rt-grid-10:after,.rt-grid-11:after,.rt-grid-12:after{display:table;content:"";clear:both;}.font-family-optima{font-family:Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;}.font-family-geneva{font-family:Geneva, Tahoma, "Nimbus Sans L", sans-serif;}.font-family-helvetica{font-family:Helvetica, Arial, FreeSans, sans-serif;}.font-family-lucida{font-family:"Lucida Grande", Helvetica, Verdana, sans-serif;}.font-family-georgia{font-family:Georgia, sans-serif;}.font-family-trebuchet{font-family:"Trebuchet MS", sans-serif;}.font-family-palatino{font-family:"Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;}body{font-size:13px;line-height:1.7em;font-family:Helvetica, Arial, Sans-Serif;}.font-size-is-xlarge{font-size:16px;line-height:1.7em;}.font-size-is-large{font-size:15px;line-height:1.7em;}.font-size-is-default{font-size:14px;line-height:1.7em;}.font-size-is-small{font-size:12px;line-height:1.7em;}.font-size-is-xsmall{font-size:10px;line-height:1.7em;}p{margin:0 0 15px 0;}h1{font-size:260%;}h2{font-size:200%;}h3{font-size:175%;}h4{font-size:130%;}h5{font-size:110%;}a{text-decoration:none;}a:focus{outline:none;}.left-1,.left-2,.left-3,.left-4,.left-5,.left-6,.left-7,.left-8,.left-9,.left-10,.right-11{float:left;margin-right:50px;margin-bottom:15px;position:relative;}.right-1,.right-2,.right-3,.right-4,.right-5,.right-6,.right-7,.right-8,.right-9,.right-10,.right-11{float:right;margin-left:50px;margin-bottom:15px;position:relative;}.date-block{padding:15px;}ol{padding-left:15px;}ul li{padding:0;margin:0;}ul li.author{margin:0;letter-spacing:1px;list-style:none;font-weight:bold;text-align:right;}ul li.author span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em;}ul li.date{margin:0;letter-spacing:1px;list-style:none;text-align:right;font-weight:bold;}ul li.date span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em;}ul li.comments{list-style:none;text-align:right;font-weight:bold;}ul li.comments span{display:block;font-weight:normal;margin-bottom:10px;line-height:1em;}ul ul{margin-left:25px;padding:5px 0;}body.rtl{direction:rtl;}body.rtl{min-width:inherit;}html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;list-style:none;margin:0;padding:0;overflow:hidden;visibility:hidden;width:0;height:0;}.clearfix:after{clear:both;content:'.';display:block;visibility:hidden;height:0;}.clearfix{display:inline-block;}* html .clearfix{height:1%;}.clearfix{display:block;}#debug #rt-main{overflow:hidden;border-bottom:4px solid #666;margin-top:15px;position:relative;}#debug .status{position:absolute;background:#333;opacity:0.3;padding:0 15px;z-index:10000;color:#fff;font-weight:bold;font-size:150%;}.hidden{display:none;visibility:hidden;}.visible-phone{display:none !important;}.visible-tablet{display:none !important;}.hidden-desktop{display:none !important;}.hidden-large{display:none !important;}.row{margin:0 -15px;}.gantry-width-block{display:block;float:left;}.gantry-width-spacer{margin:15px;}.gantry-width-10{width:10%;}.gantry-width-20{width:20%;}.gantry-width-25{width:25%;}.gantry-width-30{width:30%;}.gantry-width-33{width:33.33%;}.gantry-width-40{width:40%;}.gantry-width-50{width:50%;}.gantry-width-60{width:60%;}.gantry-width-66{width:66.66%;}.gantry-width-70{width:70%;}.gantry-width-75{width:75%;}.gantry-width-80{width:80%;}.gantry-width-90{width:90%;}.gantry-left{float:left;margin-right:15px;}.gantry-right{float:right;margin-left:15px;}.gantry-center{text-align:center;}.gantry-center td,.gantry-center th{text-align:center;}.component-body{padding:20px;}.component-content .row-separator{display:block;clear:both;margin:0;border:0;height:1px;}.component-content .item-separator{display:none;margin:0;}.component-content .shownocolumns{width:98%;}.component-content .column-1,.component-content .column-2,.component-content .column-3,.component-content .column-4,.component-content .page-header{padding:10px 0;}.component-content .column-2{width:55%;margin-left:40%;}.component-content .column-3{width:30%;}.component-content .cols-1{display:block;float:none !important;margin:0 !important;}.component-content .cols-2 .column-1{width:48%;float:left;}.component-content .cols-2 .column-2{width:48%;float:right;margin:0;}.component-content .cols-3 .column-1{float:left;width:29%;margin-right:7%;}.component-content .cols-3 .column-2{float:left;width:29%;margin-left:0;}.component-content .cols-3 .column-3{float:right;width:29%;padding:10px 0;}.component-content .cols-4 .column-1{float:left;width:23%;margin-right:2%;}.component-content .cols-4 .column-2{float:left;width:23%;margin-left:0;margin-right:2%;}.component-content .cols-4 .column-3{float:left;width:23%;margin-right:2%;}.component-content .cols-4 .column-4{float:right;width:23%;margin-right:2%;}.component-content .items-row{margin-bottom:10px;}.component-content .blog-more{padding:10px 5px;}.component-content .page-header{border-bottom:0;}.categories-list{padding:0 5px;}.categories-list ul{margin:0 0 0 20px;padding:0;}.categories-list ul li{list-style-type:none;margin:0;}.categories-list ul ul{margin-left:15px;}.categories-list dl dt,.categories-list dl dd{display:inline;}.category-desc{line-height:1.7em;margin:10px 0;padding-left:0;}.cat-children ul{list-style:none;margin:0;padding:0;}.component-content ul.actions{float:right;}.component-content ul.actions li{list-style:none;display:inline-block;}.component-content ul.actions li a{display:block;font-size:14px;margin-left:8px;}.component-content ul.actions li i,.component-content ul.actions li [class^="icon-"],.component-content ul.actions li [class*=" icon-"]{display:none;}.component-content ul.actions .print-icon img{display:none;}.component-content ul.actions .print-icon a:before{font-family:FontAwesome;content:"\f02f";}.component-content ul.actions .email-icon img{display:none;}.component-content ul.actions .email-icon a:before{font-family:FontAwesome;content:"\f0e0";}.component-content ul.actions .edit-icon img{display:none;}.component-content ul.actions .edit-icon a:before{font-family:FontAwesome;content:"\f044";}.component-content .article-info{display:block;margin-bottom:15px;font-size:13px;}.component-content .article-info dd{margin-left:0;display:block;}.component-content .article-info dd div [class^="icon-"],.component-content .article-info dd div [class*="icon-"]{display:none;}.component-content .article-info dd:before,.component-content .article-info dd div:before{font-family:FontAwesome;margin-right:2px;}.component-content .article-info .parent-category-name:before{content:"\f0c9";}.component-content .article-info .category-name:before{content:"\f0c9";}.component-content .article-info .create:before{content:"\f017";}.component-content .article-info .modified:before{content:"\f017";}.component-content .article-info .published:before{content:"\f017";}.component-content .article-info .createdby:before{content:"\f040";}.component-content .article-info .hits:before{content:"\f019";}.component-content .article-info .article-info-term{display:none;}.component-content .content_vote{margin:10px 0;}.component-content .blog-featured h2{margin-top:0;}.component-content .blog h2{margin-top:0;}.component-content .item-page h2{margin-top:0;}.component-content .pagenav{padding:2px;clear:both;margin-top:20px;margin-left:0;overflow:hidden;}.component-content .pagenav li{list-style:none;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-color:transparent;background-color:transparent;}.component-content .pagenav li a{padding:4px 10px;font-size:14px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.component-content .pagenav .pagenav-prev{float:left;}.component-content .pagenav .pagenav-next{float:right;}.component-content .pager li{display:inline-block;background:none;border:0;box-shadow:none;}.component-content .pager li.previous{float:left;}.component-content .pager li.next{float:right;}.component-content .items-leading{margin-bottom:25px;}.component-content .img-intro-right,.component-content .img-fulltext-right{float:right;margin-left:10px;margin-bottom:10px;}.component-content .img-intro-left,.component-content .img-fulltext-left{float:left;margin-right:10px;margin-bottom:10px;}.component-content #article-index{float:right;border:1px solid #dddddd;background:#f0f0f0;border-radius:5px;margin-left:15px;}.component-content #article-index ul{list-style:none;margin:0;}.component-content #article-index ul li:first-child a{border-top-right-radius:5px;border-top-left-radius:5px;}.component-content #article-index ul li a{display:block;line-height:20px;padding:8px 12px;border-bottom:1px solid #dddddd;}.component-content #article-index ul li a.active{color:inherit;}.component-content #article-index ul li a:hover{background:#eaeaea;}.component-content #article-index ul li:last-child a{border-bottom:none !important;border-bottom-right-radius:5px;border-bottom-left-radius:5px;}.component-content .article-index{margin-left:15px;}.component-content .article-index .nav-tabs.nav-stacked > li > a{border:1px solid #dddddd;background:#f0f0f0;}.component-content .article-index .nav-tabs.nav-stacked > li > a:hover{background:#eaeaea;}.component-content .edit #editor-xtd-buttons a:link,.component-content .edit #editor-xtd-buttons a:hover,.component-content .edit #editor-xtd-buttons a:visited{color:#323232;}.component-content .edit legend{font-size:150%;}.component-content .edit #adminForm fieldset{padding:20px 15px;margin:10px 0 15px 0;}.component-content .edit #adminForm .title{font-size:100%;}.component-content .edit #adminForm .formelm-area{padding:5px 0;}.component-content .edit #adminForm .formelm-area label{vertical-align:top;display:inline-block;width:7em;}.component-content #adminForm .title{font-size:100%;}.component-content .formelm{margin:5px 0;}.component-content .formelm label{width:9em;display:inline-block;vertical-align:top;}.component-content .formelm-buttons{text-align:right;margin-bottom:10px;}.component-content .button2-left{float:left;margin-right:5px;margin-top:10px;}.component-content .button2-left .readmore{background-image:none;background-color:transparent;border:none;padding:0;text-shadow:none;font-size:inherit;text-transform:inherit;box-shadow:none;}.manager.thumbnails > li{float:left !important;margin-left:20px !important;list-style:none;}.control-label{color:;}.control-group{margin-left:0 !important;}.adminlist .title > a{font-weight:bold;}.calendar td.button{background-image:none;background-color:transparent;border:none;padding:0;text-shadow:none;font-size:inherit;text-transform:inherit;color:#000000;display:table-cell;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;border-radius:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;line-height:inherit;}.calendar td.button:hover{color:#000000 !important;}.calendar tbody td.hilite,.calendar tbody td.selected{border:none;padding:2px 4px 2px 2px;}.calendar td.button:after{position:relative;}.calendar td.title{font-size:1.4em;display:table-cell;line-height:inherit;text-shadow:none;}.calendar tr.daynames td{border:none !important;}.component-content .items-more{padding-top:10px;}.component-content .items-more h3{font-weight:normal;margin:0;padding:0;font-size:1.4em;}.component-content .items-more ol{line-height:1.3em;list-style-type:none;margin:0;padding:10px 0 10px 2px;}.component-content .items-more ol li{margin-bottom:5px;}.component-content .items-more ol li a{display:inline;font-weight:normal;padding:0;}.component-content .items-more ol li a:before{font-family:FontAwesome;content:"\f054";margin-right:4px;}.component-content .pagination{margin:10px 0;padding:10px 0;clear:both;text-align:center;}.component-content .pagination .counter{text-align:center;margin:0;font-weight:bold;margin-bottom:5px;}.component-content .pagination .counter + ul li span,.component-content .pagination .counter + ul li a{padding:6px 0;}.component-content .pagination ul{list-style-type:none;margin:0;padding:0;text-align:center;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.component-content .pagination ul li{display:inline-block;text-align:center;}.component-content .pagination ul li a,.component-content .pagination ul li span{margin:0 5px;padding:0;font-size:1.1em;line-height:10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:none;border:none;text-shadow:none;}.component-content .pagination-start,.component-content .pagination-next,.component-content .pagination-end,.component-content .pagination-prev{border:0;}.component-content .pagination-start{padding:0;}.component-content .pagination-start span{padding:0;}.component-content .login .control-label{padding-top:0;}.component-content .login-fields{margin-bottom:5px;}.component-content .login-fields #remember-lbl{display:inline-block;margin-right:5px;}.component-content .login-fields #remember{margin:0;}.component-content .login-fields #username,.login-fields #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox{padding:4px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;line-height:1.6em;}.component-content .login + div{margin-top:12px;}.component-content .login + div ul li,#login-form li{list-style:none;}.component-content .login + div ul li a:before,#login-form a:before{font-family:FontAwesome;content:"\f059";margin-right:4px;}.component-content .login + div ul{padding:0;margin-left:0;}.component-content .login-description{margin:10px 0;}#login-form .userdata{margin:12px 0;}#login-form ul{padding:0;margin-left:0;}#login-form ul li a{font-size:14px;}#login-form input[type="text"],#login-form input[type="password"]{width:94%;}#login-form #form-login-remember label{display:inline-block;}#login-form #form-login-remember input{margin:0;}#rt-breadcrumbs .breadcrumb,#rt-breadcrumbs [class^="breadcrumb"]{padding:0;margin:0;}#rt-breadcrumbs .breadcrumb a:after,#rt-breadcrumbs [class^="breadcrumb"] a:after{margin:0 10px;}#rt-breadcrumbs .breadcrumb img,#rt-breadcrumbs [class^="breadcrumb"] img{display:none;}#rt-breadcrumbs a{font-size:14px;}#rt-breadcrumbs a:after{font-family:FontAwesome;content:"\f054";margin:0 5px 0 10px;}#rt-breadcrumbs .showHere{font-weight:bold;margin-right:5px;}#rt-breadcrumbs .rt-block{padding:10px 15px;}#rt-breadcrumbs .divider{display:none;}#rt-breadcrumbs li:first-child .divider{display:inline;}.component-content table{border-collapse:collapse;}.component-content table.table-bordered{border-collapse:separate;*border-collapse:collapse;}.component-content table.weblinks{font-size:14px;margin:10px 10px 20px 0;width:99%;}.component-content table.weblinks td{border-collapse:collapse;padding:7px;}.component-content table.weblinks td p{margin:0;line-height:1.3em;}.component-content table.weblinks th{padding:7px;text-align:left;}.component-content table.category{font-size:14px;margin:10px 10px 20px 0;width:99%;}.component-content table.category td{padding:7px;}.component-content table.category th{padding:7px;text-align:left;}.component-content table.category th a img{padding:2px 10px;}.component-content .weblink-category td.title{font-size:14px;}.component-content .num{vertical-align:top;text-align:left;}.component-content .hits{vertical-align:top;}.component-content .filter{margin:10px 0;text-align:right;margin-right:7px;}.component-content .archive .filter-search{float:none;padding-left:0;}.component-content .archive .filter-search .button{margin-top:-10px;}.component-content .archive .filters{margin-bottom:25px;}.component-content .archive #archive-items{list-style:none;margin:0 0 10px 0;}.component-content .element-invisible{position:absolute;margin-left:-3000px;margin-top:-3000px;height:0;}.component-content .cat-items{margin-top:20px;}.component-content .cat-items .filter-search{margin-bottom:10px;}.component-content .cat-items select{margin-bottom:0;}.component-content .even,.component-content .odd{background:inherit;border-bottom:inherit;}.component-content #member-registration{padding:0 5px;}.component-content form fieldset dt{clear:left;float:left;width:12em;padding:3px 0;}.component-content form fieldset dd{float:left;padding:3px 0;}.invalid,.login-fields #username.invalid,.login-fields #password.invalid,#contact-form dd input.invalid,#contact-form dd textarea.invalid,#modlgn-username.invalid,#modlgn-passwd.invalid,#jform_email.invalid,#member-registration dd input.invalid,#search-searchword.invalid,.finder .inputbox.invalid,.inputbox.invalid{border-color:#ff0000;}label.invalid{color:#ff0000 !important;}input[type="radio"],input[type="checkbox"]{margin-right:5px;}.component-content .searchintro{font-weight:normal;margin:20px 0 20px;}.component-content #searchForm .inputbox{margin-bottom:0;}.component-content #searchForm input[type="radio"],.component-content #searchForm input[type="checkbox"]{float:left;}.component-content #searchForm,.component-content #finder-search{padding:0 5px;}.component-content .form-limit{margin:20px 0 0;text-align:right;padding:0 10px 0 20px;}.component-content .highlight{font-weight:bold;}.component-content .ordering-box{width:40%;float:right;}.component-content .phrases-box{width:60%;float:left;}.component-content .only,.component-content .phrases{margin:10px 0 0 0;line-height:1.3em;}.component-content label.ordering{display:block;margin:10px 0 10px 0;}.component-content .word{padding:10px 10px 10px 0;}.component-content .word input{font-weight:bold;padding:4px;font-size:14px;}.component-content .word label{font-weight:bold;}.component-content fieldset.only label,.component-content fieldset.phrases label{margin:0 10px 0 0;}.component-content .ordering-box label.ordering{margin:0 10px 5px 0;}.component-content form .search label,.component-content form .finder label{display:none;}.component-content form #finder-filter-select-list label{display:block;margin-top:10px;margin-bottom:2px;}.component-content .search legend{font-weight:bold;}.component-content .search-results .result-title{padding:15px 15px 0 5px;font-weight:bold;}.component-content .search-results dd{padding:2px 15px 2px 5px;}.component-content .search-results .result-text{padding:10px 15px 10px 5px;line-height:1.7em;}.component-content .search-results .result-url{font-size:14px;padding:2px 15px 15px 5px;}.component-content .search-results .result-created{padding:2px 15px 15px 5px;}.component-content .search-results .result-category{padding:10px 15px 5px 5px;}.component-content .contact{padding:0;}.component-content .contact .button{float:none !important;clear:left;display:block;margin:20px 0 0 0;}.component-content .contact .title{font-size:1.3em;margin:0 0 2px 0;border:0;box-shadow:none;padding:0;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.component-content .contact .title a{display:block;padding:10px;}.component-content .contact .title a span{line-height:1em;}.component-content .contact .title a span:before{font-family:FontAwesome;content:"\f055";margin:0 10px 0 0;font-size:1.3em;display:inline;vertical-align:middle;}.component-content .contact .pane-toggler-down a span:before{content:"\f056";}.component-content .contact-category{padding:0 10px;}.component-content .contact-category #adminForm .filters{border:0;padding:0;}.component-content .contact-image{margin:10px 0;overflow:hidden;display:block;}.component-content .contact-image img{max-width:100%;}.component-content address{font-style:normal;margin:10px 0;}.component-content address span{display:block;}.component-content .contact-address{margin:20px 0 10px 0;}.component-content .contact-email div{padding:2px 0;margin:0 0 10px 0;}.component-content .contact-email label{width:17em;float:left;}.component-content #contact-textmsg{padding:2px 0 10px 0;}.component-content #contact-email-copy{float:left;margin-right:10px;}.component-content dl.tabs{float:left;margin:50px 0 0 0;z-index:50;clear:both;}.component-content dl.tabs dt{float:left;padding:4px 10px;border-left:1px solid #ccc;border-right:1px solid #cccccc;border-top:1px solid #cccccc;margin-right:3px;background:#f0f0f0;color:#666666;}.component-content dl.tabs .open{background:#F9F9F9;border-bottom:1px solid #F9F9F9;z-index:100;color:#000000;}.component-content .current{clear:both;border:1px solid #cccccc;padding:10px 10px;}.component-content .current dd{padding:0;margin:0;}.component-content #content-pane.tabs{margin:1px 0 0 0;}.component-content #users-profile-core,.component-content #users-profile-custom{margin:10px 0 15px 0;padding:15px;}.component-content #users-profile-core dt,.component-content #users-profile-custom dt{float:left;width:12em;padding:3px 0;margin-right:10px;}.component-content #users-profile-core dd,.component-content #users-profile-custom dd{padding:3px 0;}.component-content #member-profile fieldset,.component-content .registration fieldset{margin:10px 0 15px 0;padding:15px;}.component-content #users-profile-core legend,.component-content #users-profile-custom legend,.component-content .profile-edit legend,.component-content .registration legend{font-weight:bold;}.component-content .profile-edit #member-profile fieldset dd,.component-content .registration #member-registration fieldset dd{float:none;padding:5px 0;}.component-content .profile-edit #member-profile fieldset dd input,.component-content .profile-edit #member-profile fieldset dd select,.component-content .registration #member-registration fieldset dd input{width:17em;}.component-content .profile-edit #member-profile fieldset dt,.component-content .registration #member-registration fieldset dt{padding:5px 5px 5px 0;width:13em;}.component-content .optional{font-size:14px;}.component-content .contentpaneopen_edit{float:left;}.component-content .mceButton:hover{background:none !important;}.component-content .edit #adminForm fieldset{padding:20px 15px;margin:10px 0 15px 0;}.component-content .formelm{margin:5px 0;}.component-content .formelm .fltlft{float:left;}.component-content .formelm label{width:13em;display:inline-block;vertical-align:top;width:100%;}.component-content .formelm .button2-left,.component-content .formelm .media-preview{margin:3px 0 0 10px;}.component-content .formelm .button2-left a,.component-content .formelm .media-preview a{padding:3px 10px !important;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.component-content #adminForm .formelm-area{padding:5px 0;}.component-content #adminForm .formelm-area label{vertical-align:top;display:inline-block;width:7.9em;}.component-content .formelm-buttons{text-align:right;margin-bottom:10px;}.component-content .button2-left .blank a,.component-content .button2-left a,.component-content .button2-left .readmore a{background:#eee;padding:4px !important;margin:0 !important;line-height:1.2em;border:solid 1px #ddd;font-weight:bold;text-decoration:none;display:inline;}.component-content table.contenttoc{padding:10px;margin:10px;}.component-content table.contenttoc tr td{padding:1px 0;}.component-content .pagenavcounter{font-weight:bold;}.component-content .tip{font-size:0.8em;text-align:left;padding:3px;max-width:400px;}.component-content .tip-title{font-weight:bold;}.tip-wrap{padding:8px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.system-unpublished .system-unpublished{margin:-10px;padding:10px;border-top:16px solid;border-bottom:5px solid;position:relative;}.system-unpublished .system-unpublished:before{content:'Unpublished';text-transform:uppercase;top:-19px;left:10px;position:absolute;font-size:0.8em;font-weight:bold;}#system-message{padding:0;margin:15px 0;}#system-message .alert{border-radius:4px;margin:15px 0;list-style:none;padding:10px 35px 10px 10px;color:#0055BB;background:#BFD3E6;border:1px solid #84A7DB;}#system-message .alert p:last-child{margin-bottom:0;}#system-message .alert:before{font-family:FontAwesome;content:'\f05a';margin-right:10px;font-size:12;opacity:0.5;vertical-align:middle;float:left;}#system-message .alert-error{color:#cc0000;background:#EBC8C9;border:1px solid #DE7A7B;}#system-message .alert-error:before{content:'\f056';}#system-message .alert-warning{color:#A08B4C;background:#F5ECC1;border:1px solid #B8A871;}#system-message .alert-warning:before{content:'\f06a';}#system-message .alert-success{color:#468847;background:#dff0d8;border:1px solid #93BC8F;}#system-message .alert-success:before{content:'\f058';}#system-message > div:first-child{margin-bottom:0 !important;}#system-message dd{margin:0;font-weight:bold;text-shadow:none;}#system-message dd ul{border-radius:4px;margin:15px 0;list-style:none;padding:10px;color:#0055BB;background:#BFD3E6;border:1px solid #84A7DB;}#system-message dd ul li:before{font-family:FontAwesome;content:'\f05a';margin-right:8px;font-size:10;opacity:0.5;vertical-align:middle;}#system-message .error ul{color:#cc0000;background:#EBC8C9;border:1px solid #DE7A7B;}#system-message .error ul li:before{content:'\f056';}#system-message .notice ul{color:#A08B4C;background:#F5ECC1;border:1px solid #B8A871;}#system-message .notice ul li:before{content:'\f06a';}#system-message dt.error,#system-message dt.notice,#system-message dt.message{display:none;}#system-debug{color:#cccccc;background-color:#ffffff;padding:10px;margin:10px;}#system-debug div{font-size:11px;}.icon-file-add:before,.icon-cancel:before,.icon-eye:before,.icon-location:before{font-family:'IcoMoon' !important;}body #k2Container table tr,body #k2Container table th,body #k2Container table td{background:none !important;border:0 !important;}body #k2Container table td.key{padding-right:15px;}body #k2Container table input[type="file"]{margin:5px 0;}body .k2AccountPage table tr td label{display:inline;}body .k2AccountPage div.k2AccountPageUpdate{border:none;}body #k2Container input.inputbox,body #k2Container select,body #k2Container input[type="file"]{border:1px solid #D9D9D9;background:#ffffff;box-shadow:0 1px 1px rgba(0,0,0,0.075) inset;}body #k2Container input#genderf,body #k2Container input#genderm{float:none;margin:0 5px 5px 0;}body #k2Container .defaultSkin table.mceLayout{border:1px solid rgba(0,0,0,0.1);}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;transition:color 0.2s ease-out;}#rt-transition.rt-hidden{opacity:0;}#rt-transition.rt-visible{opacity:1;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in;}#rt-logo{margin:0;width:112px;height:46px;display:block;}#rt-top-surround{position:relative;}#rt-top-surround:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;}#rt-header,#rt-top{z-index:9;position:relative;}.menu-block{padding:0;margin:0;}.rt-menu-mobile{text-align:center;padding:0 0 15px 0;}#rt-maintop{padding-top:20px;}.title,.component-content h2{font-size:28px;line-height:30px;font-weight:normal;letter-spacing:normal;margin-top:0;padding-bottom:15px;margin-bottom:15px;}#rt-top-surround .title,#rt-showcase .title{border:none;box-shadow:none;}.title1 .title{margin:-11px -16px 20px -16px;padding:10px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.title2 .title{margin:-10px -15px 20px -15px;padding:10px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.title3 .title{margin:-10px -15px 20px -15px;padding:10px 15px;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.box1,.box2,.box3{border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.box1 .module-surround{margin:-1px;}ul.menu{list-style:none;margin:0;padding:0;}ul.menu ul{list-style:none;}ul.menu li{margin-bottom:8px;}ul.menu li a,ul.menu li .item,ul.menu li .separator{display:block;font-size:1.1em;font-weight:bold;}ul.menu li a:before,ul.menu li .item:before,ul.menu li .separator:before{content:"\2022";font-family:FontAwesome;margin-right:10px;display:inline;vertical-align:middle;font-size:1.6em;font-weight:normal;}ul.menu li.active.current > a:before,ul.menu li.active.current > .item:before,ul.menu li.active.current > .separator:before,ul.menu li#current.active > a:before,ul.menu li#current.active > .item:before,ul.menu li#current.active > .separator:before{content:"\f054";font-size:1em;margin-right:11px;}ul.menu ul.small{font-size:14px;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{display:inline-block;padding:3px 10px;line-height:1.7em;font-size:1em;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border:1px solid;}.promo-image{float:left;margin:-10px 10px -30px -40px;width:30%;}.promo-image img{max-width:100%;}.promo-desc{padding-top:10px;}.promo h1{position:relative;font-size:3.9em;line-height:1.2em;}.promo p{font-size:1.5em;line-height:1.7em;}.promo .readon{margin-top:10px;}.gantry-example{position:relative;margin:15px 0;padding:39px 19px 14px;*padding-top:19px;background-color:#ffffff;border:1px solid #dddddd;border-radius:4px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;}.gantry-example .table,.gantry-example .well,.gantry-example blockquote{margin-bottom:5px;}.gantry-example .lead{font-size:18px;line-height:24px;}.gantry-example > p:last-child{margin-bottom:0;}.gantry-example + .prettyprint{margin-top:-20px;padding-top:15px;}.gantry-example:after{content:"Example";position:absolute;top:-1px;left:-1px;padding:3px 7px;font-size:12px;font-weight:bold;background-color:#f5f5f5;border:1px solid #dddddd;color:#9da0a4;border-radius:4px 0 4px 0;-webkit-border-radius:4px 0 4px 0;-moz-border-radius:4px 0 4px 0;border-radius:4px 0 4px 0;font-style:normal;}form.gantry-example{padding-bottom:19px;}.gantry-img img,img.gantry-img{max-width:100%;height:auto;}.powered-by{display:block;width:120px;height:32px;margin:0 auto;opacity:0.8;-webkit-transition:opacity 0.2s ease-in;-moz-transition:opacity 0.2s ease-in;-o-transition:opacity 0.2s ease-in;transition:opacity 0.2s ease-in;}.powered-by:hover{opacity:1;}#gantry-totop{display:inline-block;padding:4px 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}#rt-accessibility .rt-desc{float:left;margin-right:8px;font-weight:bold;}#rt-accessibility #rt-buttons .button{line-height:1em;padding:0;width:14px;height:14px;text-align:center;}#rt-accessibility #rt-buttons .small{font-size:inherit;}#rt-accessibility #rt-buttons .small .button:after{content:'-';}#rt-accessibility #rt-buttons .large .button:after{content:'+';}body{background:#ffffff;color:#6e6e6e;font-family:'Open Sans';}a:hover{color:#303030;}h1,h2,h3,h4,h5,h6{color:#303030;}a,ul.menu li .separator{color:#660066;}#rt-maintop{background:#f0f0f0 url(../images/patterns/noise.png);border-bottom:1px solid #ffffff;box-shadow:0 1px 0 #cecece, inset 0 2px 4px 0 rgba(0,0,0,0.1);}#rt-footer{color:#6e6e6e;background:#eeeeee url(../images/patterns/noise.png);border-top:1px solid #afafaf;-webkit-box-shadow:inset 0 5px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 5px 12px rgba(0,0,0,0.13);box-shadow:inset 0 5px 12px rgba(0,0,0,0.13);}.title,.component-content h2{color:#303030;}.title1 .title{background:#ffffff;border:1px solid #d5d5d5;}.title2 .title{color:#303030;background:#eeeeee url(../images/patterns/noise.png);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);}.title4 .title{color:#6e6e6e;}.box1{background:#ffffff;border:1px solid #d5d5d5;}.box2{color:#303030;background:#eeeeee url(../images/patterns/noise.png);-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);}#rt-showcase .title1 .title,#rt-top-surround .title1 .title{color:#303030;text-shadow:1px 1px 0 #ffffff;border:1px solid #d5d5d5;}#rt-showcase .title2 .title,#rt-top-surround .title2 .title{color:#303030;text-shadow:1px 1px 0 #ffffff;-webkit-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);-moz-box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);box-shadow:inset 0 2px 12px rgba(0,0,0,0.13);}ul.menu li.active.current > a,ul.menu li.active.current > .item,ul.menu li.active.current > .separator,ul.menu li#current.active > a,ul.menu li#current.active > .item,ul.menu li#current.active > .separator{color:#303030;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{color:#ffffff;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);box-shadow:0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2);}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover{color:#ffffff;}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active{-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;}.readmore a{color:#ffffff;}.readmore a:hover{color:#ffffff;}.powered-by{background:url(../images/logo/powered.png);}.pagenav li{background:#f0f0f0;border:1px solid #d5d5d5;box-shadow:inset 0 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.2);}.login-fields #username,.login-fields #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox,.inputbox{border:1px solid #d9d9d9;}.component-content .contact .title{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);border:1px solid #d5d5d5;text-shadow:0 1px 1px rgba(255,255,255,0.75);}.pagination ul li a{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);border:1px solid #d5d5d5;text-shadow:0 1px 1px rgba(255,255,255,0.75);}.pagination ul li span{background:#eaeaea;border:1px solid #d5d5d5;color:#aaaaaa;}.breadcrumbs a:after,.breadcrumb a:after{color:#aaaaaa;}.breadcrumbs .showHere,.breadcrumb .showHere{font-weight:bold;margin-right:5px;}.article-info.muted{color:inherit;}.article-info dd:before{text-shadow:1px 1px 0 #ffffff;}#gantry-totop{background:#f0f0f0;border:1px solid #d5d5d5;box-shadow:inset 0 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.2);}#gantry-totop:active{-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;}.tip-wrap{background:#ffffff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);color:#6e6e6e;}.system-unpublished .system-unpublished{background:#ffffff;border-color:#d5d5d5;}.tags .label-info{background:#330033;}abbr[title]{border-bottom:1px dotted #d5d5d5;}blockquote{border-left:5px solid #d5d5d5;}blockquote small{color:#aaaaaa;}blockquote.pull-right{border-right:5px solid #d5d5d5;}legend{color:#303030;border-bottom:1px solid #d5d5d5;}legend small{color:#d5d5d5;}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{color:#6e6e6e;}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #d5d5d5;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}select{border:1px solid #d5d5d5;}.uneditable-input,.uneditable-textarea{color:#aaaaaa;background-color:#ffffff;border-color:#d5d5d5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{border-color:#d5d5d5;}.input-prepend .add-on,.input-append .add-on{text-shadow:0 1px 0 #ffffff;background-color:#f0f0f0;border:1px solid #d5d5d5;}.input-prepend.input-append .media-preview,.input-append.input-append .media-preview{margin:0;}.form-actions{background-color:#f0f0f0;border-top:1px solid #d5d5d5;}.uneditable-input{background-color:;border-color:#eeeeee;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);}.help-block,.help-inline{color:;}.table-bordered th{background-color:#f0f0f0;}.well{background-color:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.nav-tabs.nav-stacked > li > a{background-color:#f0f0f0;}.nav-tabs.nav-stacked > li > a:hover{background-color:#eaeaea;}.list-striped li:nth-child(odd),.list-striped dd:nth-child(odd),.row-striped .row:nth-child(odd),.row-striped .row-fluid:nth-child(odd),.cat-list-row0{background-color:#eaeaea;}.list-striped li:hover,.list-striped dd:hover,.row-striped .row:hover,.row-striped .row-fluid:hover,.cat-list-row0:hover,.cat-list-row1:hover{background-color:#fcfcfc;}.filter-search.alert-info{background-color:transparent;border-color:transparent;color:inherit;}.filter-search.alert-info .inputbox{color:;}p.success,p.info,p.error,p.warning{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:15px;font-weight:bold;border:1px solid;}p.success a,p.info a,p.error a,p.warning a{color:#666 !important;}p.success a:hover,p.info a:hover,p.error a:hover,p.warning a:hover{color:#000 !important;text-shadow:none;}p.success{background:#dff0d8;border-color:#d6e9c6;color:#468847;}p.info{background:#d9edf7;border-color:#bce8f1;color:#3a87ad;}p.error{background:#f2dede;border-color:#eed3d7;color:#b94a48;}p.warning{background:#fcf8e3;border-color:#fbeed5;color:#c09853;}.logo-type-gantry #rt-logo{background:url(../images/logo/light/logo.png) 0 0 no-repeat;}#rt-showcase{color:#6e6e6e;margin-bottom:70px;background:url(../images/showcase-footer-bg.jpg) no-repeat 50% 100%;}#rt-showcase .title{color:#303030;text-shadow:1px 1px 1px #ffffff;}#rt-showcase a:hover{color:#303030;}.title3 .title{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);color:#303030;text-shadow:1px 1px 1px #ffffff;}.box3{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);border-bottom:1px solid #ffffff;color:#6e6e6e;text-shadow:0 2px 3px #ffffff;}.box3 .title{color:#303030;text-shadow:1px 1px 1px #ffffff;}.box3 a:hover{color:#303030;}#rt-showcase .box3 .title,#rt-top-surround .box3 .title{border-bottom:1px solid #d1d1d1;-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;}#rt-showcase .title3 .title,#rt-top-surround .title3 .title{-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.3);-moz-box-shadow:0 2px 4px rgba(0,0,0,0.3);box-shadow:0 2px 4px rgba(0,0,0,0.3);border-bottom:1px solid #ffffff;}.promo h1{text-shadow:1px 1px 0 #ffffff;}.promo h1 b{color:#303030;-webkit-mask-image:-webkit-gradient(linear,left top,left bottom,color-stop(100%,#000000),color-stop(40%,#000000),color-stop(0%,rgba(0,0,0,0.5)));mask:url(../images/mask.svg#light);}.promo p b{color:#303030;}#rt-drawer{background:#ffffff;}@font-face{font-family:'FontAwesome';src:url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?v=3.2.1');src:url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

fa-google-plus

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

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

fa-google-plus

fa-google-plus

fa-google-plus

fa-google-plus

fa-google-plus

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-google-plus fa-lg"></i> fa-google-plus</p>
<p><i class="fa fa-google-plus fa-2x"></i> fa-google-plus</p>
<p><i class="fa fa-google-plus fa-3x"></i> fa-google-plus</p>
<p><i class="fa fa-google-plus fa-4x"></i> fa-google-plus</p>
<p><i class="fa fa-google-plus fa-5x"></i> fa-google-plus</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-google-plus fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-google-plus 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-google-plus"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-google-plus 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-google-plus 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-google-plus"></i>  normal<br>
<i class="fa fa-google-plus fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-google-plus fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-google-plus fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-google-plus fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-google-plus 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-google-plus fa-2x fa-spin"></i>
<i class="fa fa-google-plus fa-3x fa-spin"></i>
<i class="fa fa-google-plus fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-google-plus on fa-square-o
fa-google-plus on fa-circle
fa-google-plusl on fa-square
fa-ban on fa-google-plus

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-google-plus fa-stack-1x"></i>
</span>
fa-google-plus on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
</span>
fa-google-plus on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-google-plus fa-stack-1x fa-inverse"></i>
</span>
fa-google-plus on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-google-plus fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-google-plus

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

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

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



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