Font Awesome icon usage statistics

  • 4 types of Font Awesome iconic font are used and found 5 times in total.
  • INFINISPAN.ORG used 1.3 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of INFINISPAN.ORG are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • INFINISPAN.ORG includes "http://static.jboss.org/theme/css/bootstrap-community/2.3.1.4/bootstrap-community.min.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'TitilliumText22LThin';src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L001-webfont.eot');src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L001-webfont.eot?#iefix') format('embedded-opentype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L001-webfont.woff') format('woff'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L001-webfont.ttf') format('truetype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L001-webfont.svg#TitilliumText22LThin') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'TitilliumText22LLight';src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L002-webfont.eot');src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L002-webfont.eot?#iefix') format('embedded-opentype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L002-webfont.woff') format('woff'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L002-webfont.ttf') format('truetype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L002-webfont.svg#TitilliumText22LLight') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'TitilliumText22LRegular';src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L003-webfont.eot');src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L003-webfont.eot?#iefix') format('embedded-opentype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L003-webfont.woff') format('woff'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L003-webfont.ttf') format('truetype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L003-webfont.svg#TitilliumText22LRegular') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'TitilliumText22LMedium';src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L004-webfont.eot');src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L004-webfont.eot?#iefix') format('embedded-opentype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L004-webfont.woff') format('woff'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L004-webfont.ttf') format('truetype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L004-webfont.svg#TitilliumText22LMedium') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'TitilliumText22LBold';src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L005-webfont.eot');src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L005-webfont.eot?#iefix') format('embedded-opentype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L005-webfont.woff') format('woff'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L005-webfont.ttf') format('truetype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L005-webfont.svg#TitilliumText22LBold') format('svg');font-weight:normal;font-style:normal}@font-face{font-family:'TitilliumText22LXBold';src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L006-webfont.eot');src:url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L006-webfont.eot?#iefix') format('embedded-opentype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L006-webfont.woff') format('woff'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L006-webfont.ttf') format('truetype'),url('http://static.jboss.org/theme/fonts/titilliumtext/TitilliumText22L006-webfont.svg#TitilliumText22LXBold') format('svg');font-weight:normal;font-style:normal}section{padding-top:30px}section>.page-header,section>.lead{color:#5a5a5a}section>ul li{margin-bottom:5px}.navbar{position:relative}.bs-docs-separator{margin:40px 0 39px}hr.soften{height:1px;margin:70px 0;background-image:-webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0));background-image:-moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0));background-image:-ms-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0));background-image:-o-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.1),rgba(0,0,0,0));border:0}.bs-docs-sidenav{width:228px;margin:30px 0 0;padding:0;background-color:#fff;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.065);-moz-box-shadow:0 1px 4px rgba(0,0,0,0.065);box-shadow:0 1px 4px rgba(0,0,0,0.065)}.bs-docs-sidenav>li>a{display:block;width:190px \9;margin:0 0 -1px;padding:8px 14px;border:1px solid #e5e5e5}.bs-docs-sidenav>li:first-child>a{-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.bs-docs-sidenav>li:last-child>a{-webkit-border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;border-radius:0 0 6px 6px}.bs-docs-sidenav>.active>a{position:relative;z-index:2;padding:9px 15px;border:0;text-shadow:0 1px 0 rgba(0,0,0,0.15);-webkit-box-shadow:inset 1px 0 0 rgba(0,0,0,0.1),inset -1px 0 0 rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 0 0 rgba(0,0,0,0.1),inset -1px 0 0 rgba(0,0,0,0.1);box-shadow:inset 1px 0 0 rgba(0,0,0,0.1),inset -1px 0 0 rgba(0,0,0,0.1)}
    .bs-docs-sidenav .icon-chevron-right{float:right;margin-top:2px;margin-right:-6px;opacity:.25}.bs-docs-sidenav>li>a:hover{background-color:#f5f5f5}.bs-docs-sidenav a:hover .icon-chevron-right{opacity:.5}.bs-docs-sidenav .active .icon-chevron-right,.bs-docs-sidenav .active a:hover .icon-chevron-right{background-image:url("http://static.jboss.org/theme/images/common/glyphicons-halflings.png");opacity:1}.bs-docs-sidenav.affix{top:40px}.bs-docs-sidenav.affix-bottom{position:absolute;top:auto;bottom:270px}#communitysearch,#projectsearch{width:620px}@media(min-width:1200px){#communitysearch{max-width:320px}#projectsearch{max-width:277px}#navbar-fixed{position:fixed;top:0;width:inherit}.bs-docs-sidenav{width:258px}.bs-docs-sidenav>li>a{width:230px \9}}@media(min-width:980px) and (max-width:1199px){#communitysearch{max-width:190px}#projectsearch{max-width:147px}#navbar-fixed{position:fixed;top:0;width:inherit}.bs-docs-sidenav{top:0;width:218px;margin-top:30px;margin-right:0}}@media(min-width:768px) and (max-width:979px){#communitysearch,#projectsearch{max-width:620px}#navbar-fixed{display:none}.bs-docs-sidenav{width:166px;margin-top:20px}.bs-docs-sidenav.affix{top:0}}@media(max-width:767px){@include input-block-level();#navbar-fixed{display:none}.bs-docs-sidenav{width:auto;margin-bottom:20px}.bs-docs-sidenav.affix{position:static;width:auto;top:0}}.jbossbadge{border:1px solid #e6e7e8;-moz-border-radius:3px;border-radius:3px;background:#fff;background:-moz-linear-gradient(top,#e6e7e8 0,#fff 20%,#fff 80%,#e6e7e8 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#e6e7e8),color-stop(20%,#fff),color-stop(80%,#fff),100%,#e6e7e8);background:-webkit-linear-gradient(top,#e6e7e8 0,#fff 20%,#fff 80%,#e6e7e8 100%);background:-o-linear-gradient(top,#e6e7e8 0,#fff 20%,#fff 80%,#e6e7e8 100%);background:-ms-linear-gradient(top,#e6e7e8 0,#fff 20%,#fff 80%,#e6e7e8 100%);background:linear-gradient(to bottom,#e6e7e8 0,#fff 20%,#fff 80%,#e6e7e8 100%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='@grayLighter',endColorstr='@white',GradientType=0);background-position:0 0;background-repeat:no-repeat;padding:20px;overflow:hidden}.jbossbadge img{float:left;padding-right:10px}.jbossbadge p{margin:0;float:left}.quickstarts{font-size:16px}.quickstarts b{margin-right:20px}.enormous-icon{font-size:5em;line-height:1}.enormous-icon.circled{display:block;width:1.4em;height:1.4em;line-height:1.4em;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;background-color:#333;color:white}.backToTop{position:fixed;bottom:10px;z-index:1000;right:10px}.backToTop a{width:50px;height:50px;text-indent:-9999px;display:block;margin:0;background:#243446 url(http://static.jboss.org/common/images/top.png) no-repeat center center}.backToTop a:hover{background-color:#4a5d75}.visuallyhidden,.search form label{border:0;clip:rect(0);height:1px;overflow:hidden;position:absolute;width:1px;margin:-1px;padding:0}.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus,.search form label:focus{clip:auto;height:auto;overflow:visible;position:static;width:auto;margin:0}.visuallyhidden ul li{list-style:none}.rotating-testimonials{padding:10px 0}.rotating-testimonials .tabs{clear:both;list-style:none;margin:0 0 10px 0;padding:0;text-align:left}.rotating-testimonials .tabs li{background:#4c5966;border:0;display:inline-block;*display:inline;height:8px;margin:15px 5px 0;width:8px;zoom:1}.no-js .rotating-testimonials .tabs li{display:none}.rotating-testimonials .tabs li.active,.rotating-testimonials .tabs li:hover{background:#a3b0bb;padding:0}.rotating-testimonials .tabs li a{display:block;height:20px;padding:0;text-indent:9999px;overflow:hidden}.rotating-testimonials .panels{width:100%}.rotating-testimonials .panels blockquote{margin-bottom:0;background-color:transparent;border:0;padding-left:0}.rotating-testimonials blockquote footer{background-color:transparent;font-weight:bold;text-align:right}.equalHero .span4,.equalHero .span3,.equalHero .span6{background-color:#e6e7e8;margin-bottom:3%;margin-top:10px;padding-bottom:10px}.equalHero h3 a,.equalHero h4 a,.equalHero h2 a{text-decoration:none}.equalHero h2,.equalHero h3,.equalHero h4,.equalHero p{padding-left:10px;padding-right:10px}.equalHero h2,.equalHero h3,.equalHero h4{padding-top:10px;line-height:30px}.equalHero .span4 h2,.equalHero .span4 h3,.equalHero .span4 h4{padding-top:0}.equalHero p.right{padding-right:0;padding-top:10px}.equalHero img.aligncenter{width:100%;margin:0}.equalHero img{max-width:100%}.equalHero .span6 img{margin-top:10px;margin-left:10px}.equalHero a{text-decoration:none}.equalHero .span3 h3{font-size:115%;line-height:1.3}.equalHero .span3 p{font-size:85%;line-height:1.4}.equalHero .span3 p.right .btn{font-size:90%;line-height:1.2;padding-top:5px}.equalHero .btn{-webkit-border-radius:4px 4px 4px 4px!important;-moz-border-radius:4px 4px 4px 4px!important;border-radius:4px 4px 4px 4px!important}
    .equalHero .btn.pull-right{-webkit-border-radius:4px 0 0 4px!important;-moz-border-radius:4px 0 0 4px!important;border-radius:4px 0 0 4px!important}.thumb-gallery *{-webkit-transition:all .6s ease;-moz-transition:all .6s ease;-o-transition:all .6s ease}.thumb-gallery{position:relative;left:-1%;margin-bottom:30px}.thumb-gallery ul{margin:0;padding:0;position:relative;margin-bottom:30px;width:102%;list-style:none}.thumb-gallery ul li{float:left;margin:0 1% 15px;width:23%;*width:22.75%;padding:0;text-align:center;overflow:hidden}.thumb-gallery ul li h4{margin:0 0 5px 0;padding:0 0 5px 0}.thumb-gallery ul li p{margin:0;font-size:11px}.thumb-gallery a,.thumb-gallery a h4{text-decoration:none;color:#fff!important}.thumb-gallery div{opacity:0;position:absolute;top:-500px;left:0;right:0;width:100%;padding:15px 0;background:url(_community/../images/50p.png);z-index:100}.thumb-gallery li:hover div{display:block;top:0;left:0;right:0;opacity:1}.thumb-gallery img{margin:0;float:left}.lt-ie9 .thumb-gallery div{top:0;display:none}.lt-ie9 .thumb-gallery li:hover div{display:block}@media only screen and (max-width:500px){.thumb-gallery ul{width:100%}.thumb-gallery ul li{margin:0 0 15px;width:96%!important}.equalHero h2,.equalHero h3,.equalHero h4{padding-top:10px}.equalHero img.alignleft{width:40%}.equalHero img.alignright{width:40%}}@media only screen and (max-width:767px){.thumb-gallery{position:relative;left:-1%;margin-bottom:30px}.thumb-gallery ul{margin:0;padding:0;position:relative;margin-bottom:30px;width:102%;list-style:none}.thumb-gallery ul li{margin:0 1% 15px;width:46%;padding:1%;position:relative;float:left}.thumb-gallery a{text-decoration:none}.thumb-gallery img{width:100%;margin-bottom:10px}.thumb-gallery h4,.thumb-gallery p{margin:0;display:block;color:inherit}.thumb-gallery div{opacity:1;position:relative;top:auto;left:0;right:0;width:auto;padding:0;background-image:none;z-index:100}.thumb-gallery li:hover div{display:block;top:0;left:0;right:0;opacity:1}.thumb-gallery a,.thumb-gallery a h4{color:#6d767e!important}.thumb-gallery ul li h4{margin:0;padding:0}.equalHero h2,.equalHero h3,.equalHero h4{padding-top:10px}.equalHero img.alignleft{width:30%}.equalHero img.alignright{width:30%}.equalHero .span3 h3{font-size:160%;line-height:1.3}.equalHero .span3 p{font-size:100%;line-height:1.5}.equalHero .span3 p.right .btn{font-size:100%;line-height:1.2;padding-top:5px}}.no-js li.st-content-wrapper,.no-js .s-accordion li.s-wrap div.s-content{overflow:visible!!important;height:auto!important}.no-js li.st-content-wrapper .st-content,.no-js .s-accordion li.s-wrap div.s-content{display:block!important;clear:both!important;visibility:visible!important;overflow:visible!!important}.no-js .sidebar-tabs .panels .pane{display:block!important;visibility:visible!important;clear:both!important}.no-js .content-tabs .panels .pane{display:block!important;visibility:visible!important;clear:both!important}.slide-to-top .trigger i{position:absolute;right:10px}.slide-to-top .st-open .trigger i:before{content:"\f078"}.slide-to-top{width:100%;margin-bottom:4%}.slide-to-top ul.accordion-st-wrapper{width:100%;padding:0;margin:0}li.st-content-wrapper{height:49px;overflow:hidden;list-style:none;margin:0;padding:0;border-top:1px solid #ddd;border-bottom:3px solid transparent}li.st-content-wrapper .trigger{font-size:25px;display:block;position:relative;line-height:50px;padding:0 10px;background:#f8f8f8;outline:0;cursor:pointer;text-decoration:none}li.st-content-wrapper .st-content{padding:2% 3%;border-left:1px solid #ddd}.slide-to-top.fancy li.st-content-wrapper{height:49px;border:0;border-bottom:3px solid transparent}.slide-to-top.fancy li.st-content-wrapper .trigger{line-height:50px;background:#a3b0bb;color:#fff;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.slide-to-top.fancy li.st-content-wrapper.st-open .trigger{background:#c7cfd6;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.slide-to-top.fancy li.st-content-wrapper .st-content{padding:2% 3%;border:1px solid #d8dfe5;background:#f7f7f9;-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;margin-bottom:4px;margin-top:3px}.s-accordion{margin:0 0 4% 0;padding:0;width:100%}.s-accordion li.s-wrap{list-style:none}.s-accordion .trigger{margin:0;padding:0}.s-accordion .trigger a{display:block;padding:5px 35px 5px 10px;position:relative;text-decoration:none;background:#f8f8f8;border-top:1px solid #ddd;margin-bottom:3px}.s-accordion .trigger i{position:absolute;right:10px;top:5px}.s-accordion li.s-wrap div.s-content{padding:2% 3%;border-left:1px solid #ddd}.s-accordion .trigger .active i:before{content:"\f078"}.s-accordion.faq .trigger .active i:before{content:"\f056"}.s-accordion.faq .trigger a{padding:5px 10px 5px 35px}.s-accordion.faq .trigger i{position:absolute;right:auto;left:10px;top:5px}.s-accordion.fancy{margin:0 0 4% 0;padding:0;width:100%}
    .s-accordion.fancy .trigger a{display:block;padding:5px 35px 5px 10px;position:relative;text-decoration:none;background:#a3b0bb;color:#fff;border:0;margin-bottom:4px;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px}.s-accordion.fancy .trigger a.active{background:#c7cfd6;-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.s-accordion.fancy.faq .trigger a{padding:5px 10px 5px 35px}.s-accordion.fancy .trigger i{position:absolute;right:10px;top:7px}.s-accordion.fancy.faq .trigger i{position:absolute;right:auto;left:10px;top:7px}.s-accordion.fancy li.s-wrap div.s-content{padding:2% 3%;border:1px solid #d8dfe5;background:#f7f7f9;-webkit-border-radius:0 0 8px 8px;-moz-border-radius:0 0 8px 8px;border-radius:0 0 8px 8px;margin-bottom:4px}.s-accordion.fancy .trigger .active i:before{content:"\f078"}.s-accordion.fancy.faq .trigger .active i:before{content:"\f056"}.sidebar-tabs{padding:0;margin:0}.sidebar-tabs .tabs{margin:0 0 5px;padding:0;*zoom:1}.sidebar-tabs .tab{float:left;margin:0 5px 5px 0;font-size:11px;list-style:none}.sidebar-tabs .tab a{display:block;padding:5px 8px;text-decoration:none;background-image:url(_community/../images/7p.png);-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.sidebar-tabs .tab a:hover{background:#758694;color:#fff}.sidebar-tabs .tab a.active{background:#758694;color:#fff}.sidebar-tabs .panels{clear:both;position:relative;padding:10px 0;margin:0}.content-tabs{padding:0;margin:0 0 4% 0}.content-tabs .tabs{margin:0 0 5px;padding:0}.content-tabs .tab{float:left;margin:0 5px 5px 0;list-style:none}.content-tabs .tab a{display:block;padding:10px 15px;text-decoration:none;background-image:url(_community/../images/7p.png);-webkit-border-radius:8px 8px 0 0;-moz-border-radius:8px 8px 0 0;border-radius:8px 8px 0 0}.content-tabs .tab a:hover{background:#758694;color:#fff}.content-tabs .tab a.active{background:#758694;color:#fff}.content-tabs .panels{clear:both;position:relative;padding:2% 3%;border:1px solid #d8dfe5;border-bottom:5px solid #c7cfd6}.st-content,.content-tabs .panels .pane,div.s-content{*zoom:1}.st-content:before,.st-content:after,.content-tabs .panels .pane:after,.content-tabs .panels .pane:before,.s-content:before,.s-content:after{display:table;content:"";line-height:0}.st-content:after,.content-tabs .panels .pane:after,.s-content:after{clear:both}@media only screen and (max-width:767px){.content-tabs{padding:0;margin:0 0 4% 0;border:1px solid #d8dfe5;border-bottom:1px solid #c7cfd6;padding:2%}.content-tabs .panels{clear:both;position:relative;padding:2% 0 0 0;border:0 solid #d8dfe5;border-bottom:0 solid #c7cfd6}.content-tabs .tab a{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}li.st-content-wrapper{height:30px}li.st-content-wrapper a.trigger{font-size:14px;line-height:30px}}@media only screen and (max-width:400px){li.st-content-wrapper{height:30px}li.st-content-wrapper a.trigger{font-size:12px;line-height:30px}}@media print{li.st-content-wrapper,.s-accordion li.s-wrap div.s-content{overflow:visible!!important;height:auto!important}li.st-content-wrapper .st-content,.s-accordion li.s-wrap div.s-content{display:block!important;clear:both!important;visibility:visible!important;overflow:visible!!important}.sidebar-tabs .panels .pane{display:block!important;visibility:visible!important;clear:both!important}.content-tabs .panels .pane{display:block!important;visibility:visible!important;clear:both!important}}.statstart:after{content:'Not Started';color:#d84b41!important;font-style:normal;font-weight:normal}.colorstart{color:#d84b41}.statprogress:after{content:'In Progress';color:#ebad37!important;font-style:normal;font-weight:normal}.colorprogress{color:#ebad37}.statcomplete:after{content:'Complete';color:#6bb565!important;font-style:normal;font-weight:normal}.colorcomplete{color:#6bb565}.posts .seemore{margin-top:-35px;float:right}.listPosts{margin:0;padding:0;list-style:none}.listPosts .avatar{height:15px;width:15px;color:#999;float:left;margin-right:5px}.listPosts .meta{float:right;margin-top:-20px;text-transform:uppercase;color:#a3b0bb;display:block;font-size:70%}.listPosts .name{display:block;font-size:14px;color:#999;width:82%}.listPosts li{padding:5px 0}.listPosts li:first-child{padding-top:0}.listPosts .last,.listPosts li:last-child{border:0}.project-icon-med{background:url("http://static.jboss.org/common/images/sprite-project-icons-all.png") no-repeat scroll left top transparent;display:block;float:left;height:16px;margin:4px 4px 0 0;width:16px}.blank_icon_16x{background-position:0 0;height:16px;width:16px}.aerogear_icon_16x{background-position:0 -1176px;height:16px;width:16px}.ashiaro_icon_16x{background-position:0 -1316px;height:16px;width:16px}.apiviz_icon_16x{background-position:0 -1077px;height:16px;width:16px}.arquillian_icon_16x{background-position:0 -42px;height:16px;width:16px}
    .blacktie_icon_16x{background-position:0 -21px;height:16px;width:16px}.boxgrinder_icon_16x{background-position:0 -63px;height:16px;width:16px}.byteman_icon_16x{background-position:0 -1017px;height:16px;width:16px}.capedwarf_icon_16x{background-position:0 -1136px;height:16px;width:16px}.ceylon_icon_16x{background-position:0 -1156px;height:16px;width:16px}.cirras_icon_16x{background-position:0 -84px;height:16px;width:16px}.dna_icon_16x{background-position:0 -105px;height:15px;width:15px}.drools_icon_16x{background-position:0 -125px;height:16px;width:16px}.embeddedjopr_icon_16x{background-position:0 -146px;height:16px;width:16px}.errai_icon_16x{background-position:0 -167px;height:16px;width:16px}.escalante_icon_16x{background-position:0 -1256px;height:16px;width:16px}.forge_icon_16x{background-position:0 -1196px;height:16px;width:16px}.gatein_icon_16x{background-position:0 -188px;height:16px;width:16px}.guvnor_icon_16x{background-position:0 -209px;height:14px;width:15px}.hibernate_icon_16x{background-position:0 -228px;height:16px;width:16px}.hornetQ_icon_16x{background-position:0 -249px;height:16px;width:16px}.infinispan_icon_16x{background-position:0 -270px;height:16px;width:16px}.ironjacamar_icon_16x{background-position:0 -291px;height:16px;width:16px}.jbossas7_icon_16x,.jbossas_icon_16x{background-position:0 -1096px;height:16px;width:16px}.jbossmc_icon_16x{background-position:0 -312px;height:16px;width:16px}.jbossportal_icon_16x{background-position:0 -333px;height:16px;width:16px}.jbpm_icon_16x{background-position:0 -354px;height:16px;width:16px}.jdf_icon_16x{background-position:0 -1216px;height:16px;width:16px}.jgroups_icon_16x{background-position:0 -375px;height:16px;width:16px}.jopr_icon_16x{background-position:0 -396px;height:14px;width:16px}.jsfunit_icon_16x{background-position:0 -1116px;height:16px;width:16px}.mass_icon_16x{background-position:0 -415px;height:15px;width:17px}.mobicents_icon_16x{background-position:0 -435px;height:16px;width:16px}.modcluster_icon_16x{background-position:0 -996px;height:16px;width:16px}.modeshape_icon_16x{background-position:0 -456px;height:16px;width:16px}.narayana_icon_16x{background-position:0 -1037px;height:16px;width:16px}.netty_icon_16x{background-position:0 -1057px;height:16px;width:16px}.optaplanner_icon_16x{background-position:0 -1236px;height:16px;width:16px}.overlord_icon_16x{background-position:0 -477px;height:16px;width:16px}.papaki_icon_16x{background-position:0 -498px;height:16px;width:16px}.picketbox_icon_16x{background-position:0 -519px;height:16px;width:16px}.picketlink_icon_16x{background-position:0 -540px;height:16px;width:16px}.pressgang_icon_16x{background-position:0 -561px;height:16px;width:16px}.railo_icon_16x{background-position:0 -582px;height:16px;width:16px}.resteasy_icon_16x{background-position:0 -603px;height:16px;width:16px}.reststar_icon_16x{background-position:0 -624px;height:16px;width:16px}.richfaces_icon_16x{background-position:0 -645px;height:16px;width:16px}.riftsaw_icon_16x{background-position:0 -666px;height:16px;width:16px}.sam_icon_16x{background-position:0 -687px;height:16px;width:16px}.savara_icon_16x{background-position:0 -708px;height:16px;width:16px}.scribble_icon_16x{background-position:0 -729px;height:16px;width:16px}.seam_icon_16x{background-position:0 -750px;height:16px;width:16px}.shrinkwrap_icon_16x{background-position:0 -771px;height:16px;width:16px}.snowdrop_icon_16x{background-position:0 -792px;height:16px;width:16px}.switchyard_icon_16x{background-position:0 -813px;height:16px;width:16px}.tattletale_icon_16x{background-position:0 -834px;height:16px;width:16px}.teiid_icon_16x{background-position:0 -855px;height:16px;width:16px}.thermostat_icon_16x{background-position:0 -1296px;height:16px;width:16px}.tohu_icon_16x{background-position:0 -876px;height:16px;width:16px}.tools_icon_16x{background-position:0 -897px;height:16px;width:16px}.torquebox_icon_16x{background-position:0 -918px;height:11px;width:16px}.weld_icon_16x{background-position:0 -934px;height:15px;width:16px}.wildfly_icon_16x{background-position:0 -1276px;height:16px;width:16px}.wise_icon_16x{background-position:0 -954px;height:16px;width:16px}.xnio_icon_16x{background-position:0 -975px;height:16px;width:16px}.commentcontainer{background-color:#f3f3f3;border:1px solid #ddd;width:auto;padding:10px;margin-bottom:25px}.comments{background-color:#fff;width:auto;padding:5px;margin-right:25px;margin-left:25px;margin-top:20px;margin-bottom:5px}.commentauthor{font-size:16px;margin-left:25px}.commenttime{font-size:12px;color:#999}ul.supportedin{margin-left:0}ul.supportedin li{list-style:none}ul.supportedin li i{color:#9d261d}ul.supportedin li a{text-decoration:none}.sponsors ul{margin-left:0}.sponsors ul li{list-style:none;text-align:center;padding:15px 0;border-bottom:1px solid #e6e7e8}.sponsors ul li p{padding-top:10px}#badges{width:100%;clear:both;min-height:90px}#badges ul{margin:0;padding:0}#badges .tools,#badges .jopr,#badges .arquillian,#badges .jsr,#badges .license-lgpl,#badges .license-asl,#badges .license-gpl{list-style:none}
    #badges .license-lgpl,#badges .license-asl,#badges .license-gpl,#badges .license-lgpl a,#badges .license-asl a,#badges .license-gpl a,#badges .license-lgpl a:hover,#badges .license-asl a:hover,#badges .license-gpl a:hover,#badges .jsr,#badges .jsr a,#badges .jsr a:hover{width:90px;height:90px;float:left}#badges .license-asl a{background:url(http://static.jboss.org/common/images/licenses/license_asl-sprite.gif) no-repeat top center}#badges .license-asl a:hover{background-position:bottom center}#badges .license-lgpl a{background:url(http://static.jboss.org/common/images/licenses/license_lgpl-sprite.gif) no-repeat top center}#badges .license-lgpl a:hover{background-position:bottom center}#badges .license-gpl a{background:url(http://static.jboss.org/common/images/licenses/license_gpl-sprite.gif) no-repeat top center}#badges .license-gpl a:hover{background-position:bottom center}#badges a em{left:-9999em;position:absolute}#badges .jsr a{background:url(http://static.jboss.org/common/images/licenses/license_jsr-sprite.gif) no-repeat top center;font-family:'Helvetica Neue',Helvetica,Verdana,Arial,sans-serif;font-weight:bold;text-decoration:none;color:#333}#badges .license-gpl a{font-family:'Helvetica Neue',Helvetica,Verdana,Arial,sans-serif;font-weight:bold;text-decoration:none;color:#FFF}#badges .jsr a .implements{font-size:19px;clear:both;display:block;padding:13px 0 0 25px;height:17px;text-shadow:2px 2px 2px #e7e6e6}#badges .jsr a .version,#badges .license-gpl a .version{font-size:17px;clear:both;display:block;text-align:center;margin-left:-4px;padding:0;text-shadow:2px 2px 2px #e7e6e6;_margin-top:-10px}#badges .license-gpl a .version{padding:28px 0 0 0;text-shadow:2px 2px 2px #000}#badges .jsr a:hover{background-position:bottom center;text-decoration:none}#badges .tools,#badges .jopr,#badges .arquillian{clear:both;font-family:'Helvetica Neue',Helvetica,Verdana,Arial,sans-serif;font-size:14px;margin-top:3px}#badges .tools a,#badges .jopr a,#badges .arquillian a{color:#666;display:block;padding:4px 0;margin-left:10px;padding-left:30px;text-decoration:none;text-shadow:2px 2px 2px #fff}#badges .tools a:hover,#badges .jopr a:hover,#badges .arquillian a:hover{color:#828282}#badges .tools a{background:url(http://static.jboss.org/common/images/licenses/badges-sprite.gif) no-repeat 0 -150px}#badges .jopr a{background:url(http://static.jboss.org/common/images/licenses/badges-sprite.gif) no-repeat 0 -75px}#badges .arquillian a{background:url(http://static.jboss.org/common/images/licenses/badges-sprite.gif) no-repeat 0 0}#coolstuff{padding:30px 0}.whitebox{font-size:11px;line-height:16px;display:block;font-size:12px;background-color:#f5f6f6;-moz-border-radius-topleft:4px;-webkit-border-top-left-radius:4px;-moz-border-radius-topright:4px;-webkit-border-top-right-radius:4px;-moz-border-radius-bottomleft:4px;-webkit-border-bottom-left-radius:4px;-moz-border-radius-bottomright:4px;-webkit-border-bottom-right-radius:4px;padding:0;margin:0;border:#e7e7e7 solid 1px;text-align:left}.whitebox h3{background-color:#e6e7e8;color:#3f3f3f;padding:9px 0 9px 9px;margin:0;display:block;font-weight:normal;border-bottom:1px #CCC solid;text-shadow:0 1px 1px #FFF}.whitebox p{padding:0 10px}.whitebox dd{margin-left:0;padding:0 10px 0 0}.whitebox dd a{overflow:hidden;white-space:inherit}.whitebox dd a:hover{color:#545454}.whitebox ul li dd{*margin-left:-40px}.whitebox dt{margin-left:0;font-size:16px;letter-spacing:-0.05em;display:block;font-weight:normal}.whitebox ul li dt{*margin-left:-40px}.whitebox ul{padding-left:10px}.whitebox ul li{list-style:none;margin-left:0;margin-top:10px}.whitebox ul li span.location,.whitebox ul li span.more{display:block;font-size:10px;margin-bottom:-10px}.whitebox ul li span.location{color:#999}.whitebox ul li li span.location,.whitebox ul li li span.more{*margin-left:-40px}.whitebox ul li dt a{display:block;font-weight:normal}.whitebox dl{margin:10px;_margin-left:10px}.whitebox ul li dl{margin-left:0}.issue-mod{display:block;font-size:13px;margin:8px 0 15px 0;padding:0;border-bottom:1px solid #f1f1f1}.issue-mod .issue{padding:15px 10px}.issue-mod .jira-icon{margin-left:-2px}.issue-mod ul{padding:0;margin:0 0 0 22px;font-weight:normal}.issue-mod li{margin:0;line-height:11px;padding-right:10px;color:#888}.issue-mod li .jira-icon{margin-top:-4px;margin-left:-3px}.issue-mod a{font-weight:bold;margin-left:5px}.issue-mod .oddRow{border-bottom:1px dotted #CCC;border-top:1px dotted #CCC}.jira-icon{background:url(http://static.jboss.org/common/images/jira-icons-sprite.png) no-repeat top left;width:16px;height:16px;display:inline-block;float:left}.jira-issuetype-1{background-position:0 0}.jira-issuetype-10{background-position:0 -21px}.jira-issuetype-11{background-position:0 -42px}.jira-issuetype-12{background-position:0 -71px}.jira-issuetype-13{background-position:0 -100px}.jira-issuetype-14{background-position:0 -121px}.jira-issuetype-15{background-position:0 -142px}
    .jira-issuetype-2{background-position:0 -163px}.jira-issuetype-3{background-position:0 -184px}.jira-issuetype-4{background-position:0 -205px}.jira-issuetype-5{background-position:0 -226px}.jira-issuetype-7{background-position:0 -247px}.jira-issuetype-8{background-position:0 -268px}.jira-issuetype-9{background-position:0 -289px}.jira-status-1{background-position:0 -310px}.jira-status-3{background-position:0 -331px}.jira-status-4{background-position:0 -352px}.jira-status-5{background-position:0 -373px}.jira-status-6{background-position:0 -394px}.jira-status-10011{background-position:0 -416px}#proj_glossary dd{margin-left:15%;color:#8c8f91}#proj_glossary dt{margin-top:20px}#proj_glossary .content_page_header{border-top:1px solid #e6e7e8;padding-top:10px}.pln{color:#48484c}@media screen{.str{color:#D14}.kwd{color:#1e347b}.com{color:#93a1a1}.typ{color:teal}.lit{color:#195f91}.pun,.opn,.clo{color:#93a1a1}.tag{color:#1e347b}.atn{color:teal}.atv{color:#D14}.dec,.var{color:teal}.fun{color:#dc322f}}@media print,projection{.str{color:#D14}.kwd{color:#1e347b;font-weight:bold}.com{color:#93a1a1;font-style:italic}.typ{color:teal;font-weight:bold}.lit{color:#195f91}.pun,.opn,.clo{color:#93a1a1}.tag{color:#1e347b;font-weight:bold}.atn{color:teal}.atv{color:#D14}}.prettyprint{color:#1e347b;padding:8px;background-color:#f7f7f9;border:1px solid #e1e1e8}.prettyprint.linenums{-webkit-box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;-moz-box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0;box-shadow:inset 40px 0 0 #fbfbfc,inset 41px 0 0 #ececf0}ol.linenums{margin:0 0 0 33px}ol.linenums li{padding-left:12px;color:#bebec5;line-height:20px;text-shadow:0 1px 0 #fff}@font-face{font-family:'FontAwesome';src:url('http://static.jboss.org/theme/fonts/font-awesome/fontawesome-webfont.eot?v=3.1.0');src:url('http://static.jboss.org/theme/fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),url('http://static.jboss.org/theme/fonts/font-awesome/fontawesome-webfont.woff?v=3.1.0') format('woff'),url('http://static.jboss.org/theme/fonts/font-awesome/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),url('http://static.jboss.org/theme/fonts/font-awesome/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');font-weight:normal;font-style:normal}

Examples and source code

icon-refresh

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

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

icon-refresh

icon-refresh

icon-refresh

icon-refresh

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-refresh icon-large"></i> icon-refresh</p>
<p><i class=" icon-refresh icon-2x"></i> icon-refresh</p>
<p><i class=" icon-refresh icon-3x"></i> icon-refresh</p>
<p><i class=" icon-refresh icon-4x"></i> icon-refresh</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-refresh"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  icon-refresh 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-refresh 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-refresh"></i>  normal<br>
<i class=" icon-refresh icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" icon-refresh icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" icon-refresh icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" icon-refresh icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" icon-refresh icon-flip-vertical"></i>  icon-flip-vertical

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-refresh on icon-check-empty
icon-refresh on icon-circle
icon-refreshl on icon-sign-blank
icon-ban-circle on icon-refresh

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-refresh "></i>
</span>
icon-refresh on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-refresh icon-light"></i>
</span>
icon-refresh on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-refresh icon-light "></i>
</span>
icon-refresh on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-refresh icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-refresh