Font Awesome icon usage statistics

  • 6 types of Font Awesome iconic font are used and found 12 times in total.
  • MONKEYDYNASTY.ORG used 2.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of MONKEYDYNASTY.ORG are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • MONKEYDYNASTY.ORG includes "http://www.monkeydynasty.org/addons/shared_addons/themes/monkeydynasty/css/A.bootstrap.css+responsive.css+font-awesome.min.css,Mcc.8IH6T2iL_h.css.pagespeed.cf.w5GWbTl412.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'evilzregular';src:url('../font/evilz-webfont.eot');src:url('../font/evilz-webfont.eot?#iefix') format('embedded-opentype'),url('../font/evilz-webfont.woff') format('woff'),url('../font/evilz-webfont.ttf') format('truetype'),url('../font/evilz-webfont.svg#evilzregular') format('svg');font-weight:normal;font-style:normal}.icon-large-left{float:left;font-size:38px;margin-right:14px}.border-box{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#google_translate_element select.goog-te-combo{width:200px}.shop-item-grid{margin-left:1.5%;margin-top:1.5%;width:30%;display:inline-block}.shop-item{background-color:rgba(255,255,255,.05)}.shop-item-title{font-size:16px;color:#fff;font-weight:medium;text-align:left;margin-left:5px}.shop-item-price{font-size:14px;color:#f6d30d}.tokens{color:#f6d30d}.shop-item-icon{float:left;margin-right:10px;text-align:center;padding:1px;background-color:rgba(0,0,0,.15);-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px}.shop-item-icon img{text-align:center;height:36px;width:36px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.shop-item-title-bar{height:44px}.shop-item-description{background-color:rgba(0,0,0,.25);border:2px solid rgba(0,0,0,.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;padding:10px;margin:4px 0}.banana-xlarge{background-image:url(http://www.monkeydynasty.org/addons/shared_addons/themes/monkeydynasty/img/xbanana_48.png.pagespeed.ic.yFH96_a509.png);width:69px;height:48px;display:inline-block}.banana-29{background-image:url(data:image/png;base64,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);width:42px;height:29px;margin-bottom:-4px;display:inline-block}.banana-18{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAASCAYAAABFGc6jAAADzklEQVQ4y7WVe0zWZRTHv8dABZQXhpIkoTMBkSVvs7S5Vm7NlCY685abmHklnOIqRXRRioLW1PQPNLdSU+aNmdpq1RyTvchN8OUW9CqmNW9TSVSWjZWf/vj9WK7VZhfP9tuz3/Y838s55zmP9P9GX09YiL9PeEiHpLf0sKJb9+CiFWnD+TA1jvjIICS98jB4Zi9e8BTUJ/Hlwp6MSQhF0uo/bxogabSkcZLi/yHB85Iqp6QOpbN1JDQK/GLbciGp+P6NBc8OCyUr/XFyFw1lcmoi3XtE1LhqJkh6UlJvScGSPJIiJQ2RtFAKqpk3dQDXfKOh/Wm4FszqOeLoJvFrpREeakh6RpLUL1JtdwIh8Esk3IyBq/FcL0mmaEMSi9MTmDQ2nlHDY9u8yY9dGOHtf21kSp+OKS9FsWVZDBdLXoDOSXB5EFQJAmLxVKMgU3DZyH3dkNQuaaAk7d25RvCzoFJwUtAiuNIDbvSDq4PgzABoioWmCGj2wI1hcPdFuOiF6nDwOWcuHDMyJhq+7QbnjIYi47VUIWmXJIVJatm+XFDnkpW5n89dqwV1QdAUBy0p0JAMNdGOqDJBi3Gr1NiaZeRlGHd8BmeM2k+NDZmGp5cCXXUqTkn0cPbYYDiXDPXJ4I+H2jjwD4EGL9R7oS4Jqnv/IeSUQcC4XWLsW2NkTTP25Rs0G3xrVHxsFL5tDI7VTUmKHjJIt2gNhYZY7p1OgLpE8D/hENX2d8DLXfByQY1Bi4HfCOwzdq4ystONN2eIn0oc8s5y43C+8f4iI6SnaiUpKCxYFy75BNddoK6UnHT/q5yWpcmg0fit3Gg9ZBz7wNicZcyfKNLHisb9TspoNqp3GUXvGXPThKRNXalbljZKUGVw3lFEswNKg8Ep4/ZxI3DAKfShdY7SrOlG+jiRM1O0HjE46zi9ftzYudL4ZJURGy0kJd5/n9Z7wsTymeJEodFabPh3G6WFxhcbjY+yjbz5xtLpxtw0x8XK2aKs0HV6xiG5W2bsyTWK842054Skgr+65V5JeyV1DIwR2enG0uli1stiyTSxYpZYlyEOrBVnDxrUOm3Mdwb1xqWjxu53jM/WG4smG5IqHmS05HrjxQ9HjPOHjcYio/1rg9MGrQbfuy78xpXPjW+2GPvzjD3vGjPGCEk1kno96Bzb9MZ4FxiDNtdBk3GvwnFQscM4sNbYuMSYN8GIe1RI2v5vpnJm3wixZoHx1WajdJujfkeO09JzxhtjRhhRHnVKOigp4b88AVGSciSdCHpEP/YO1e3wMLV166Ymt6avuoP3b+N34KadgCp5L74AAAAASUVORK5CYII=);width:26px;height:18px;margin-bottom:-3px;display:inline-block}.banana-11{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAABgFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAQAAAALCAAFBQ4AAAAAAAAAAAA8NRw4MBAAAAASCQ0CAQAAAAAAAAADAwAJBwA8NBoxJgArIQA6LQBdTRUhGQBbSAZQQgFLOQFNPAFeSAFtWxx9YQF4XQFyXBQfDQ06LgFDNABXRAFnUAFoUQFpTwBpUQF2XAF4XgN+YQGGaAGJZAGNbgGOcQGQdRyWcgGYdgCaeAGkewGnjgCogQCogwGojiitgiqujQCyiwGzbxWzjAG4jQG4kwG9kwHMqTzSpgDToAHUogHXpQHYqAHZpAHarxzisADquAHyugH0wQH1vwD2wwD5wAD5xgH6zQH7xAD91QH93RP/yQr/yxP/zBH/zQD/zQH/0AH/0Rn/0gH/0xz/1AH/1QD/1QH/1QT/1gb/2QD/2hX/2wD/2wX/4QD/5wH/6AH/6Bn/6Rv/6hv/7gH/7hH/7ir/7wj/8AH/8zX/9i///wH//wL//wn//w7avfmcAAAAKXRSTlMACQwtLi8wQkRHS01TX2R4eoOKkJianKGiqa7R0tPW19zi5e7u8PH19kjMllcAAACkSURBVAjXY2BAAiKabMhcBi5HF2EGBh4hQV4WRgYGJk4ph5hAGQYGxfqiAAtVOQUNz6o6Jy93cQZ+u+z8irLi8uqS3DDLkEQlBnajnNS42PjkrPRgY/OCIBUGbtvavMyM9IRwDx39yBQ3aQYGSavQKD9nM0Ndm+hCfwMBoG3MYtqu1va+EYVJPnqiEAfwmZbWVKZ5m2jxw5zEIaumriwvwQpkAgDvDCCoPCc6nwAAAABJRU5ErkJggg==);width:16px;height:11px;margin-bottom:-1px;display:inline-block}.shop-item{position:relative}.shop-item:hover .ribbon-wrapper{opacity:1;filter:alpha(opacity=100)}.shop-item .ribbon-wrapper{opacity:.8;filter:alpha(opacity=80)}.shop-item .label-deal{width:100%;margin-bottom:4px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;text-align:center}.shop-item .label-deal .sep{margin:0 1px}.shop-item .label-deal .countdown{margin-right:10px;font-weight:bold}.panel>.ribbon-wrapper{top:-4px;right:-4px;z-index:2}.ribbon-wrapper{width:85px;height:88px;overflow:hidden;position:absolute;top:-1px;right:-1px}.ribbon-wrapper .ribbon{color:#333;text-align:center;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);position:relative;padding:7px 0;top:15px;right:0;width:120px;background-color:#3a87ad;color:#fff;font:bold 15px sans-serif;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.original-price{opacity:.65;filter:alpha(opacity=65);text-decoration:line-through}.discounted-price{color:red}.discounted-price small{font-size:10px}.deals-sidebar{padding:4px}.deals-sidebar .panel-title{margin:-4px}.deals-sidebar .shop-item{margin:0;margin-top:10px;width:100%;text-align:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.deals-sidebar .shop-item .ribbon-wrapper{display:none}.deals-sidebar .shop-item .shop-item-title{font-size:14px}.deals-sidebar .shop-item .shop-item-price{font-size:14px}.deals-sidebar .shop-item .shop-item-price i.banana-18{background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAALCAMAAABBPP0LAAABgFBMVEUAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIAAAQAAAALCAAFBQ4AAAAAAAAAAAA8NRw4MBAAAAASCQ0CAQAAAAAAAAADAwAJBwA8NBoxJgArIQA6LQBdTRUhGQBbSAZQQgFLOQFNPAFeSAFtWxx9YQF4XQFyXBQfDQ06LgFDNABXRAFnUAFoUQFpTwBpUQF2XAF4XgN+YQGGaAGJZAGNbgGOcQGQdRyWcgGYdgCaeAGkewGnjgCogQCogwGojiitgiqujQCyiwGzbxWzjAG4jQG4kwG9kwHMqTzSpgDToAHUogHXpQHYqAHZpAHarxzisADquAHyugH0wQH1vwD2wwD5wAD5xgH6zQH7xAD91QH93RP/yQr/yxP/zBH/zQD/zQH/0AH/0Rn/0gH/0xz/1AH/1QD/1QH/1QT/1gb/2QD/2hX/2wD/2wX/4QD/5wH/6AH/6Bn/6Rv/6hv/7gH/7hH/7ir/7wj/8AH/8zX/9i///wH//wL//wn//w7avfmcAAAAKXRSTlMACQwtLi8wQkRHS01TX2R4eoOKkJianKGiqa7R0tPW19zi5e7u8PH19kjMllcAAACkSURBVAjXY2BAAiKabMhcBi5HF2EGBh4hQV4WRgYGJk4ph5hAGQYGxfqiAAtVOQUNz6o6Jy93cQZ+u+z8irLi8uqS3DDLkEQlBnajnNS42PjkrPRgY/OCIBUGbtvavMyM9IRwDx39yBQ3aQYGSavQKD9nM0Ndm+hCfwMBoG3MYtqu1va+EYVJPnqiEAfwmZbWVKZ5m2jxw5zEIaumriwvwQpkAgDvDCCoPCc6nwAAAABJRU5ErkJggg==);width:16px;height:11px;margin-bottom:-1px;display:inline-block}.datepicker{top:0;left:0;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.datepicker:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.datepicker>div{display:none}.datepicker.days div.datepicker-days{display:block}.datepicker.months div.datepicker-months{display:block}.datepicker.years div.datepicker-years{display:block}.datepicker table{margin:0}.datepicker td,.datepicker th{text-align:center;width:20px;height:20px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker td.day:hover{background:#bbbfc2;cursor:pointer}.datepicker td.old,.datepicker td.new{color:#3a3f44}.datepicker td.disabled,.datepicker td.disabled:hover{background:0;color:#757c82;cursor:default}.datepicker td.today,.datepicker td.today:hover,.datepicker td.today.disabled,.datepicker td.today.disabled:hover{color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25);background-color:#f4af60;background-image:-moz-linear-gradient(top,#f49b60,#f4cc60);background-image:-webkit-gradient(linear,0 0,0 100%,from(#f49b60),to(#f4cc60));background-image:-webkit-linear-gradient(top,#f49b60,#f4cc60);background-image:-o-linear-gradient(top,#f49b60,#f4cc60);background-image:linear-gradient(to bottom,#f49b60,#f4cc60);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff49b60',endColorstr='#fff4cc60',GradientType=0);border-color:#f4cc60 #f4cc60 #efb618;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#f4cc60;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false)}.datepicker td.today:hover,.datepicker td.today:hover:hover,.datepicker td.today.disabled:hover,.datepicker td.today.disabled:hover:hover,.datepicker td.today:active,.datepicker td.today:hover:active,.datepicker td.today.disabled:active,.datepicker td.today.disabled:hover:active,.datepicker td.today.active,.datepicker td.today:hover.active,.datepicker td.today.disabled.active,.datepicker td.today.disabled:hover.active,.datepicker td.today.disabled,.datepicker td.today:hover.disabled,.datepicker td.today.disabled.disabled,.datepicker td.today.disabled:hover.disabled,.datepicker td.today[disabled],.datepicker td.today:hover[disabled],.datepicker td.today.disabled[disabled],.datepicker td.today.disabled:hover[disabled]{color:#fff;background-color:#f4cc60;*background-color:#f2c548}.datepicker td.today:active,.datepicker td.today:hover:active,.datepicker td.today.disabled:active,.datepicker td.today.disabled:hover:active,.datepicker td.today.active,.datepicker td.today:hover.active,.datepicker td.today.disabled.active,.datepicker td.today.disabled:hover.active{background-color:#f1bd30 \9 }.datepicker td.active,.datepicker td.active:hover,.datepicker td.active.disabled,.datepicker td.active.disabled:hover{color:#fff;background-color:#757a82;background-image:-moz-linear-gradient(top,#757c82,#757882);background-image:-webkit-gradient(linear,0 0,0 100%,from(#757c82),to(#757882));background-image:-webkit-linear-gradient(top,#757c82,#757882);background-image:-o-linear-gradient(top,#757c82,#757882);background-image:linear-gradient(to bottom,#757c82,#757882);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82',endColorstr='#ff757882',GradientType=0);border-color:#757882 #757882 #51535a;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#757882;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker td.active:hover,.datepicker td.active:hover:hover,.datepicker td.active.disabled:hover,.datepicker td.active.disabled:hover:hover,.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.disabled:active,.datepicker td.active.disabled:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled.active,.datepicker td.active.disabled:hover.active,.datepicker td.active.disabled,.datepicker td.active:hover.disabled,.datepicker td.active.disabled.disabled,.datepicker td.active.disabled:hover.disabled,.datepicker td.active[disabled],.datepicker td.active:hover[disabled],.datepicker td.active.disabled[disabled],.datepicker td.active.disabled:hover[disabled]{color:#fff;background-color:#757882;*background-color:#696b75}.datepicker td.active:active,.datepicker td.active:hover:active,.datepicker td.active.disabled:active,.datepicker td.active.disabled:hover:active,.datepicker td.active.active,.datepicker td.active:hover.active,.datepicker td.active.disabled.active,.datepicker td.active.disabled:hover.active{background-color:#5d5f67 \9 }.datepicker td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.datepicker td span:hover{background:#bbbfc2}.datepicker td span.disabled,.datepicker td span.disabled:hover{background:0;color:#757c82;cursor:default}.datepicker td span.active,.datepicker td span.active:hover,.datepicker td span.active.disabled,.datepicker td span.active.disabled:hover{color:#fff;background-color:#757a82;background-image:-moz-linear-gradient(top,#757c82,#757882);background-image:-webkit-gradient(linear,0 0,0 100%,from(#757c82),to(#757882));background-image:-webkit-linear-gradient(top,#757c82,#757882);background-image:-o-linear-gradient(top,#757c82,#757882);background-image:linear-gradient(to bottom,#757c82,#757882);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff757c82',endColorstr='#ff757882',GradientType=0);border-color:#757882 #757882 #51535a;border-color:rgba(0,0,0,.1) rgba(0,0,0,.1) rgba(0,0,0,.25);*background-color:#757882;filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);color:#fff;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker td span.active:hover,.datepicker td span.active:hover:hover,.datepicker td span.active.disabled:hover,.datepicker td span.active.disabled:hover:hover,.datepicker td span.active:active,.datepicker td span.active:hover:active,.datepicker td span.active.disabled:active,.datepicker td span.active.disabled:hover:active,.datepicker td span.active.active,.datepicker td span.active:hover.active,.datepicker td span.active.disabled.active,.datepicker td span.active.disabled:hover.active,.datepicker td span.active.disabled,.datepicker td span.active:hover.disabled,.datepicker td span.active.disabled.disabled,.datepicker td span.active.disabled:hover.disabled,.datepicker td span.active[disabled],.datepicker td span.active:hover[disabled],.datepicker td span.active.disabled[disabled],.datepicker td span.active.disabled:hover[disabled]{color:#fff;background-color:#757882;*background-color:#696b75}.datepicker td span.active:active,.datepicker td span.active:hover:active,.datepicker td span.active.disabled:active,.datepicker td span.active.disabled:hover:active,.datepicker td span.active.active,.datepicker td span.active:hover.active,.datepicker td span.active.disabled.active,.datepicker td span.active.disabled:hover.active{background-color:#5d5f67 \9 }.datepicker td span.old{color:#757c82}.datepicker th.switch{width:145px}.datepicker thead tr:first-child th,.datepicker tfoot tr:first-child th{cursor:pointer}.datepicker thead tr:first-child th:hover,.datepicker tfoot tr:first-child th:hover{background:#bbbfc2}.input-append.date .add-on i,.input-prepend.date .add-on i{display:block;cursor:pointer;width:16px;height:16px}.bootstrap-timepicker.dropdown-menu{top:0;left:0;padding:4px;margin-top:1px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;display:none;min-width:10px;z-index:99999}.bootstrap-timepicker.dropdown-menu.open{display:inline-block}.bootstrap-timepicker.dropdown-menu:before{content:'';border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid #ccc;border-bottom-color:rgba(0,0,0,.2);position:absolute;top:-7px;left:6px}.bootstrap-timepicker.dropdown-menu:after{content:'';border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;position:absolute;top:-6px;left:7px}.bootstrap-timepicker.modal{top:30%;margin-top:0;width:200px;margin-left:-100px}.bootstrap-timepicker.modal .modal-content{padding:0}.bootstrap-timepicker table{width:100%;margin:0}.bootstrap-timepicker table td{text-align:center;height:30px;margin:0;padding:2px}.bootstrap-timepicker table td span{width:100%}.bootstrap-timepicker table td a{border:1px transparent solid;width:3em;display:inline-block;margin:0;padding:8px 0;outline:0}.bootstrap-timepicker table td a:hover{background-color:#eee;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;border-color:#ddd}.bootstrap-timepicker table td a i{margin-top:2px}.bootstrap-timepicker table td input{width:25px;margin:0;text-align:center}.bootstrap-timepicker-component .add-on{cursor:pointer}.bootstrap-timepicker-component .add-on i{display:block;width:16px;height:16px}.pull-right{float:right}.pull-left{float:left}.hide{display:none}.show{display:block}.invisible{visibility:hidden}.affix{position:fixed}.clearfix{*zoom:1}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0}.clearfix:after{clear:both}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.input-block-level{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.hidden{display:none;visibility:hidden}.visible-phone{display:none!important}.visible-tablet{display:none!important}.hidden-desktop{display:none!important}.visible-desktop{display:inherit!important}@media (min-width:768px) and (max-width:979px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-tablet{display:inherit!important}.hidden-tablet{display:none!important}}@media (max-width:767px){.hidden-desktop{display:inherit!important}.visible-desktop{display:none!important}.visible-phone{display:inherit!important}.hidden-phone{display:none!important}}@media (min-width:1200px){.row{margin-left:-14px;*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:14px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:1148px}.span14{width:1148px}.span13{width:1065px}.span12{width:982px}.span11{width:899px}.span10{width:816px}.span9{width:733px}.span8{width:650px}.span7{width:567px}.span6{width:484px}.span5{width:401px}.span4{width:318px}.span3{width:235px}.span2{width:152px}.span1{width:69px}.offset14{margin-left:1176px}.offset13{margin-left:1093px}.offset12{margin-left:1010px}.offset11{margin-left:927px}.offset10{margin-left:844px}.offset9{margin-left:761px}.offset8{margin-left:678px}.offset7{margin-left:595px}.offset6{margin-left:512px}.offset5{margin-left:429px}.offset4{margin-left:346px}.offset3{margin-left:263px}.offset2{margin-left:180px}.offset1{margin-left:97px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:1.219512195121951%;*margin-left:1.17595818815331%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:1.219512195121951%}.row-fluid .span14{width:100%;*width:99.95644599303137%}.row-fluid .span13{width:92.77003484320556%;*width:92.72648083623692%}.row-fluid .span12{width:85.54006968641116%;*width:85.49651567944251%}.row-fluid .span11{width:78.31010452961672%;*width:78.26655052264807%}.row-fluid .span10{width:71.0801393728223%;*width:71.03658536585365%}.row-fluid .span9{width:63.85017421602787%;*width:63.80662020905923%}.row-fluid .span8{width:56.62020905923345%;*width:56.57665505226481%}.row-fluid .span7{width:49.39024390243902%;*width:49.346689895470384%}.row-fluid .span6{width:42.1602787456446%;*width:42.11672473867596%}.row-fluid .span5{width:34.93031358885018%;*width:34.886759581881535%}.row-fluid .span4{width:27.70034843205575%;*width:27.656794425087107%}.row-fluid .span3{width:20.47038327526132%;*width:20.426829268292682%}.row-fluid .span2{width:13.2404181184669%;*width:13.196864111498257%}.row-fluid .span1{width:6.010452961672474%;*width:5.966898954703833%}.row-fluid .offset14{margin-left:102.4390243902439%;*margin-left:102.35191637630662%}.row-fluid .offset14:first-child{margin-left:101.219512195122%;*margin-left:101.13240418118467%}.row-fluid .offset13{margin-left:95.20905923344947%;*margin-left:95.12195121951217%}.row-fluid .offset13:first-child{margin-left:93.98954703832752%;*margin-left:93.90243902439022%}.row-fluid .offset12{margin-left:87.97909407665506%;*margin-left:87.89198606271776%}.row-fluid .offset12:first-child{margin-left:86.75958188153311%;*margin-left:86.67247386759581%}.row-fluid .offset11{margin-left:80.74912891986062%;*margin-left:80.66202090592333%}.row-fluid .offset11:first-child{margin-left:79.52961672473867%;*margin-left:79.44250871080138%}.row-fluid .offset10{margin-left:73.5191637630662%;*margin-left:73.4320557491289%}.row-fluid .offset10:first-child{margin-left:72.29965156794425%;*margin-left:72.21254355400696%}.row-fluid .offset9{margin-left:66.28919860627178%;*margin-left:66.20209059233449%}.row-fluid .offset9:first-child{margin-left:65.06968641114983%;*margin-left:64.98257839721254%}.row-fluid .offset8{margin-left:59.05923344947735%;*margin-left:58.97212543554007%}.row-fluid .offset8:first-child{margin-left:57.8397212543554%;*margin-left:57.75261324041812%}.row-fluid .offset7{margin-left:51.82926829268293%;*margin-left:51.742160278745644%}.row-fluid .offset7:first-child{margin-left:50.60975609756098%;*margin-left:50.52264808362369%}.row-fluid .offset6{margin-left:44.5993031358885%;*margin-left:44.51219512195122%}.row-fluid .offset6:first-child{margin-left:43.37979094076655%;*margin-left:43.29268292682927%}.row-fluid .offset5{margin-left:37.36933797909408%;*margin-left:37.282229965156795%}.row-fluid .offset5:first-child{margin-left:36.14982578397213%;*margin-left:36.062717770034844%}.row-fluid .offset4{margin-left:30.13937282229965%;*margin-left:30.052264808362366%}.row-fluid .offset4:first-child{margin-left:28.9198606271777%;*margin-left:28.832752613240416%}.row-fluid .offset3{margin-left:22.90940766550522%;*margin-left:22.822299651567942%}.row-fluid .offset3:first-child{margin-left:21.68989547038327%;*margin-left:21.60278745644599%}.row-fluid .offset2{margin-left:15.6794425087108%;*margin-left:15.59233449477352%}.row-fluid .offset2:first-child{margin-left:14.45993031358885%;*margin-left:14.372822299651567%}.row-fluid .offset1{margin-left:8.449477351916377%;*margin-left:8.362369337979095%}.row-fluid .offset1:first-child{margin-left:7.229965156794425%;*margin-left:7.142857142857143%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:14px}input.span14,textarea.span14,.uneditable-input.span14{width:1134px}input.span13,textarea.span13,.uneditable-input.span13{width:1051px}input.span12,textarea.span12,.uneditable-input.span12{width:968px}input.span11,textarea.span11,.uneditable-input.span11{width:885px}input.span10,textarea.span10,.uneditable-input.span10{width:802px}input.span9,textarea.span9,.uneditable-input.span9{width:719px}input.span8,textarea.span8,.uneditable-input.span8{width:636px}input.span7,textarea.span7,.uneditable-input.span7{width:553px}input.span6,textarea.span6,.uneditable-input.span6{width:470px}input.span5,textarea.span5,.uneditable-input.span5{width:387px}input.span4,textarea.span4,.uneditable-input.span4{width:304px}input.span3,textarea.span3,.uneditable-input.span3{width:221px}input.span2,textarea.span2,.uneditable-input.span2{width:138px}input.span1,textarea.span1,.uneditable-input.span1{width:55px}.thumbnails{margin-left:-14px}.thumbnails>li{margin-left:14px}.row-fluid .thumbnails{margin-left:0}}@media (min-width:768px) and (max-width:979px){.row{margin-left:-20px;*zoom:1}.row:before,.row:after{display:table;content:"";line-height:0}.row:after{clear:both}[class*="span"]{float:left;min-height:1px;margin-left:20px}.container,.navbar-static-top .container,.navbar-fixed-top .container,.navbar-fixed-bottom .container{width:848px}.span14{width:848px}.span13{width:786px}.span12{width:724px}.span11{width:662px}.span10{width:600px}.span9{width:538px}.span8{width:476px}.span7{width:414px}.span6{width:352px}.span5{width:290px}.span4{width:228px}.span3{width:166px}.span2{width:104px}.span1{width:42px}.offset14{margin-left:888px}.offset13{margin-left:826px}.offset12{margin-left:764px}.offset11{margin-left:702px}.offset10{margin-left:640px}.offset9{margin-left:578px}.offset8{margin-left:516px}.offset7{margin-left:454px}.offset6{margin-left:392px}.offset5{margin-left:330px}.offset4{margin-left:268px}.offset3{margin-left:206px}.offset2{margin-left:144px}.offset1{margin-left:82px}.row-fluid{width:100%;*zoom:1}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0}.row-fluid:after{clear:both}.row-fluid [class*="span"]{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.358490566037736%;*margin-left:2.314936559069095%}.row-fluid [class*="span"]:first-child{margin-left:0}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.358490566037736%}.row-fluid .span14{width:100%;*width:99.95644599303135%}.row-fluid .span13{width:92.68867924528303%;*width:92.64512523831438%}.row-fluid .span12{width:85.37735849056604%;*width:85.33380448359739%}.row-fluid .span11{width:78.06603773584905%;*width:78.0224837288804%}.row-fluid .span10{width:70.75471698113208%;*width:70.71116297416343%}.row-fluid .span9{width:63.44339622641509%;*width:63.39984221944645%}.row-fluid .span8{width:56.13207547169812%;*width:56.088521464729475%}.row-fluid .span7{width:48.82075471698113%;*width:48.777200710012494%}.row-fluid .span6{width:41.50943396226415%;*width:41.46587995529551%}.row-fluid .span5{width:34.19811320754717%;*width:34.154559200578525%}.row-fluid .span4{width:26.88679245283019%;*width:26.843238445861548%}.row-fluid .span3{width:19.57547169811321%;*width:19.531917691144567%}.row-fluid .span2{width:12.26415094339623%;*width:12.220596936427585%}.row-fluid .span1{width:4.952830188679245%;*width:4.909276181710604%}.row-fluid .offset14{margin-left:104.7169811320755%;*margin-left:104.62987311813818%}.row-fluid .offset14:first-child{margin-left:102.3584905660377%;*margin-left:102.27138255210043%}.row-fluid .offset13{margin-left:97.4056603773585%;*margin-left:97.3185523634212%}.row-fluid .offset13:first-child{margin-left:95.04716981132076%;*margin-left:94.96006179738346%}.row-fluid .offset12{margin-left:90.09433962264151%;*margin-left:90.00723160870422%}.row-fluid .offset12:first-child{margin-left:87.73584905660377%;*margin-left:87.64874104266647%}.row-fluid .offset11{margin-left:82.78301886792453%;*margin-left:82.69591085398723%}.row-fluid .offset11:first-child{margin-left:80.42452830188678%;*margin-left:80.33742028794948%}.row-fluid .offset10{margin-left:75.47169811320755%;*margin-left:75.38459009927026%}.row-fluid .offset10:first-child{margin-left:73.11320754716981%;*margin-left:73.02609953323251%}.row-fluid .offset9{margin-left:68.16037735849056%;*margin-left:68.07326934455327%}.row-fluid .offset9:first-child{margin-left:65.80188679245282%;*margin-left:65.71477877851554%}.row-fluid .offset8{margin-left:60.84905660377359%;*margin-left:60.76194858983631%}.row-fluid .offset8:first-child{margin-left:58.49056603773585%;*margin-left:58.40345802379857%}.row-fluid .offset7{margin-left:53.53773584905661%;*margin-left:53.45062783511933%}.row-fluid .offset7:first-child{margin-left:51.17924528301887%;*margin-left:51.09213726908159%}.row-fluid .offset6{margin-left:46.22641509433963%;*margin-left:46.13930708040235%}.row-fluid .offset6:first-child{margin-left:43.86792452830189%;*margin-left:43.78081651436461%}.row-fluid .offset5{margin-left:38.91509433962264%;*margin-left:38.82798632568536%}.row-fluid .offset5:first-child{margin-left:36.5566037735849%;*margin-left:36.46949575964762%}.row-fluid .offset4{margin-left:31.60377358490566%;*margin-left:31.516665570968378%}.row-fluid .offset4:first-child{margin-left:29.24528301886793%;*margin-left:29.158175004930644%}.row-fluid .offset3{margin-left:24.29245283018868%;*margin-left:24.205344816251397%}.row-fluid .offset3:first-child{margin-left:21.93396226415095%;*margin-left:21.846854250213664%}.row-fluid .offset2{margin-left:16.9811320754717%;*margin-left:16.894024061534417%}.row-fluid .offset2:first-child{margin-left:14.62264150943396%;*margin-left:14.53553349549668%}.row-fluid .offset1{margin-left:9.669811320754718%;*margin-left:9.582703306817436%}.row-fluid .offset1:first-child{margin-left:7.311320754716981%;*margin-left:7.2242127407796985%}input,textarea,.uneditable-input{margin-left:0}.controls-row [class*="span"]+[class*="span"]{margin-left:20px}input.span14,textarea.span14,.uneditable-input.span14{width:834px}input.span13,textarea.span13,.uneditable-input.span13{width:772px}input.span12,textarea.span12,.uneditable-input.span12{width:710px}input.span11,textarea.span11,.uneditable-input.span11{width:648px}input.span10,textarea.span10,.uneditable-input.span10{width:586px}input.span9,textarea.span9,.uneditable-input.span9{width:524px}input.span8,textarea.span8,.uneditable-input.span8{width:462px}input.span7,textarea.span7,.uneditable-input.span7{width:400px}input.span6,textarea.span6,.uneditable-input.span6{width:338px}input.span5,textarea.span5,.uneditable-input.span5{width:276px}input.span4,textarea.span4,.uneditable-input.span4{width:214px}input.span3,textarea.span3,.uneditable-input.span3{width:152px}input.span2,textarea.span2,.uneditable-input.span2{width:90px}input.span1,textarea.span1,.uneditable-input.span1{width:28px}}@media (max-width:767px){body{padding-left:20px;padding-right:20px}.navbar-fixed-top,.navbar-fixed-bottom,.navbar-static-top{margin-left:-20px;margin-right:-20px}.container-fluid{padding:0}.dl-horizontal dt{float:none;clear:none;width:auto;text-align:left}.dl-horizontal dd{margin-left:0}.container{width:auto}.row-fluid{width:100%}.row,.thumbnails{margin-left:0}.thumbnails>li{float:none;margin-left:0}[class*="span"],.uneditable-input[class*="span"],.row-fluid [class*="span"]{float:none;display:block;width:100%;margin-left:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.span12,.row-fluid .span12{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.row-fluid [class*="offset"]:first-child{margin-left:0}.input-large,.input-xlarge,.input-xxlarge,input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input{display:block;width:100%;min-height:30px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.input-prepend input,.input-append input,.input-prepend input[class*="span"],.input-append input[class*="span"]{display:inline-block;width:auto}.controls-row [class*="span"]+[class*="span"]{margin-left:0}.modal{position:fixed;top:20px;left:20px;right:20px;width:auto;margin:0}.modal.fade{top:-100px}.modal.fade.in{top:20px}}@media (max-width:480px){.nav-collapse{-webkit-transform:translate3d(0,0,0)}.page-header h1 small{display:block;line-height:20px}input[type="checkbox"],input[type="radio"]{border:1px solid #ccc}.form-horizontal .control-label{float:none;width:auto;padding-top:0;text-align:left}.form-horizontal .controls{margin-left:0}.form-horizontal .control-list{padding-top:0}.form-horizontal .form-actions{padding-left:10px;padding-right:10px}.media .pull-left,.media .pull-right{float:none;display:block;margin-bottom:10px}.media-object{margin-right:0;margin-left:0}.modal{top:10px;left:10px;right:10px}.modal-header .close{padding:10px;margin:-10px}.carousel-caption{position:static}}@media (max-width:979px){body{padding-top:0}.navbar-fixed-top,.navbar-fixed-bottom{position:static}.navbar-fixed-top{margin-bottom:20px}.navbar-fixed-bottom{margin-top:20px}.navbar-fixed-top .navbar-inner,.navbar-fixed-bottom .navbar-inner{padding:5px}.navbar .container{width:auto;padding:0}.navbar .brand{padding-left:10px;padding-right:10px;margin:0 0 0 -5px}.nav-collapse{clear:both}.nav-collapse .nav{float:none;margin:0 0 10px}.nav-collapse .nav>li{float:none}.nav-collapse .nav>li>a{margin-bottom:2px}.nav-collapse .nav>.divider-vertical{display:none}.nav-collapse .nav .nav-header{color:#777;text-shadow:none}.nav-collapse .nav>li>a,.nav-collapse .dropdown-menu a{padding:9px 15px;font-weight:700;color:#777;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.nav-collapse .btn{padding:4px 10px 4px;font-weight:400;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.nav-collapse .dropdown-menu li+li a{margin-bottom:2px}.nav-collapse .nav>li>a:hover,.nav-collapse .dropdown-menu a:hover{background-color:#f2f2f2}.navbar-inverse .nav-collapse .nav>li>a,.navbar-inverse .nav-collapse .dropdown-menu a{color:#999}.navbar-inverse .nav-collapse .nav>li>a:hover,.navbar-inverse .nav-collapse .dropdown-menu a:hover{background-color:#111}.nav-collapse.in .btn-group{margin-top:5px;padding:0}.nav-collapse .dropdown-menu{position:static;top:auto;left:auto;float:none;display:block;max-width:none;margin:0 15px;padding:0;background-color:transparent;border:0;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}.nav-collapse .dropdown-menu:before,.nav-collapse .dropdown-menu:after{display:none}.nav-collapse .dropdown-menu .divider{display:none}.nav-collapse .nav>li>.dropdown-menu:before,.nav-collapse .nav>li>.dropdown-menu:after{display:none}.nav-collapse .navbar-form,.nav-collapse .navbar-search{float:none;padding:10px 15px;margin:10px 0;border-top:1px solid #f2f2f2;border-bottom:1px solid #f2f2f2;-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 1px 0 rgba(255,255,255,.1)}.navbar-inverse .nav-collapse .navbar-form,.navbar-inverse .nav-collapse .navbar-search{border-top-color:#111;border-bottom-color:#111}.navbar .nav-collapse .nav.pull-right{float:none;margin-left:0}.nav-collapse,.nav-collapse.collapse{overflow:hidden;height:0}.navbar .btn-navbar{display:block}.navbar-static .navbar-inner{padding-left:10px;padding-right:10px}}@media (min-width:980px){.nav-collapse.collapse{height:auto!important;overflow:visible!important}}@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.1.0');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.1.0') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),url('../font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');font-weight:normal;font-style:normal}

Examples and source code

icon-comment

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

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

icon-comment

icon-comment

icon-comment

icon-comment

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

<p><i class=" icon-comment icon-large"></i> icon-comment</p>
<p><i class=" icon-comment icon-2x"></i> icon-comment</p>
<p><i class=" icon-comment icon-3x"></i> icon-comment</p>
<p><i class=" icon-comment icon-4x"></i> icon-comment</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

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

<ul class="icon-ul">
  <li><i class="icon-li  icon-comment"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-comment icon-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 icon-border and pull-right or pull-left for easy pull quotes or article graphics.

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

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

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

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

Use the icon-spin class to get any icon to rotate.

<i class=" icon-comment icon-2x icon-spin"></i>
<i class=" icon-comment icon-3x icon-spin"></i>
<i class=" icon-comment icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-comment on icon-check-empty
icon-comment on icon-circle
icon-commentl on icon-sign-blank
icon-ban-circle on icon-comment

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light 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="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" icon-comment "></i>
</span>
icon-comment on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-comment icon-light"></i>
</span>
icon-comment on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-comment icon-light "></i>
</span>
icon-comment on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-comment icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-comment