Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • BOLLYUPDATES.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of BOLLYUPDATES.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • BOLLYUPDATES.COM includes "http://www.bollyupdates.com/wp-content/cache/autoptimize/css/autoptimize_ca52fbd5fdd481e8b677620deb066c38.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'FontAwesome';src:url('http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/font/fontawesome-webfont.eot');src:url('http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/font/fontawesome-webfont.eot?#iefix') format('eot'),url('http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/font/fontawesome-webfont.woff') format('woff'),url('http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/font/fontawesome-webfont.ttf') format('truetype'),url('http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/font/fontawesome-webfont.otf') format('opentype'),url('http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/font/fontawesome-webfont.svg#FontAwesome') format('svg');font-weight:normal;font-style:normal}body{font-family:Open Sans,arial,sans-serif !important}h1,h2,h3,h4,h5,h6,.header-title,#main-navigation,#featured #featured-title,#cf .tinput,#wp-calendar caption,.flex-caption h1,#portfolio-filter li,.nivo-caption a.read-more,.form-submit #submit,.fbottom,ol.commentlist li div.comment-post-meta,.home-post span.post-category a,ul.tabbernav li a{font-family:Open Sans,arial,sans-serif !important}#main-navigation,.sf-menu li a{font-family:Open Sans,arial,sans-serif !important}.wp-polls ul li,.wp-polls-ul li,.wp-polls-ans ul li{text-align:left;background-image:none;display:block}.wp-polls ul,.wp-polls-ul,.wp-polls-ans ul{text-align:left;list-style:none;float:none}.wp-polls ul li:before,.wp-polls-ans ul li:before,#sidebar ul ul li:before{content:''}.wp-polls IMG,.wp-polls LABEL,.wp-polls INPUT,.wp-polls-loading IMG,.wp-polls-image IMG{display:inline;border:0;padding:0;margin:0}.wp-polls-ul{padding:0;margin:0 0 10px 10px}.wp-polls-ans{width:100%;filter:alpha(opacity=100);-moz-opacity:1;opacity:1}.wp-polls-loading{display:none;text-align:center;height:16px;line-height:16px}.wp-polls-image{border:0}.wp-polls .Buttons{border:1px solid #c8c8c8;background-color:#f3f6f8}.wp-polls-paging a,.wp-polls-paging a:link{padding:2px 4px 2px 4px;margin:2px;text-decoration:none;border:1px solid #06c;color:#06c;background-color:#fff}.wp-polls-paging a:visited{padding:2px 4px 2px 4px;margin:2px;text-decoration:none;border:1px solid #06c;color:#06c;background-color:#fff}.wp-polls-paging a:hover{border:1px solid #000;color:#000;background-color:#fff}.wp-polls-paging a:active{padding:2px 4px 2px 4px;margin:2px;text-decoration:none;border:1px solid #06c;color:#06c;background-color:#fff}.wp-polls-paging span.pages{padding:2px 4px 2px 4px;margin:2px 2px 2px 2px;color:#000;border:1px solid #000;background-color:#fff}.wp-polls-paging span.current{padding:2px 4px 2px 4px;margin:2px;font-weight:bold;border:1px solid #000;color:#000;background-color:#fff}.wp-polls-paging span.extend{padding:2px 4px 2px 4px;margin:2px;border:1px solid #000;color:#000;background-color:#fff}.sf-menu,.sf-menu *{margin:0;padding:0;list-style:none;z-index:999}.sf-menu{line-height:1}.sf-menu ul{position:absolute;top:-999em;width:15em}.sf-menu ul li{width:100%}.sf-menu li:hover{visibility:inherit}.sf-menu li{float:left;position:relative}.sf-menu a{display:block;position:relative}.sf-menu li li a{font-size:1em;border-right:0 none;padding:.75em 1.5em}.sf-menu ul li a:hover{color:#FFF !important}.sf-menu li:hover ul,.sf-menu li.sfHover ul{left:0;top:3.7em;z-index:99}ul.sf-menu li:hover li ul,ul.sf-menu li.sfHover li ul{top:-999em}ul.sf-menu li li:hover ul,ul.sf-menu li li.sfHover ul{left:12em;top:0}ul.sf-menu li li:hover li ul,ul.sf-menu li li.sfHover li ul{top:-999em}ul.sf-menu li li li:hover ul,ul.sf-menu li li li.sfHover ul{left:12em;top:0}.sf-menu{float:left}.sf-menu a{text-decoration:none;display:block;font-size:1.25em;padding:1em 1.25em;text-transform:uppercase;color:#FFF;border-right:1px solid #444;font-weight:bold}.sf-menu a span.menu-decsription{font-size:.75em !important;font-weight:200 !important;color:#838383;text-transform:lowercase}.sf-menu .current_page_item a span.menu-decsription,.sf-menu .current_menu_item a span.menu-decsription,.sf-menu .current-menu-item a span.menu-decsription{color:#ccc}.sf-menu li li a span.menu-decsription{display:none !important}.sf-menu li a:hover{color:#FFF;text-decoration:none}.sf-menu li li.no_desc a{height:auto !important}.sf-menu ul{margin:0;padding:0;background:#2e3639 none !important;box-shadow:0 2px 3px #333}.sf-menu li li,.sf-menu li li li{border-bottom:1px solid #222 !important}.sf-menu li li:last-child,.sf-menu li li li:last-child{border-bottom:0 none !important}.sf-menu ul li a{color:#CCC !important;border-top:0 none;border-right:0 none;border-left:0 none;text-decoration:none;font-size:1em;letter-spacing:normal;padding:.8em 1.25em;font-style:normal}.sf-menu ul li a:hover{color:#FFF !important;border-top:0 none;border-right:0 none !important;border-left:0 none;text-decoration:none;background:transparent none}.sf-menu .current_page_item a,.sf-menu .current_menu_item a,.sf-menu .current-menu-item a,.sf-menu .current_page_item a:hover,.sf-menu .current_menu_item a:hover,.sf-menu .current-menu-item a:hover{outline:0;text-decoration:none;color:#FFF;background:#f54a05}.sf-menu li li.current_page_item a,.sf-menu li li.current_menu_item a,.sf-menu li li.current-menu-item a,.sf-menu li li.current_page_item a:hover,.sf-menu li li.current_menu_item a:hover,.sf-menu li li.current-menu-item a:hover{outline:0;background:transparent none !important}.sf-menu li:hover,.sf-menu li.sfHover,.sf-menu a:focus,.sf-menu a:hover,.sf-menu a:active{outline:0;color:#fff;text-decoration:none}.sf-menu a.sf-with-ul{padding-right:2.25em;margin-right:0;min-width:1px}.sf-sub-indicator{position:absolute;display:block;right:1em;top:1.125em;width:10px;height:10px;text-indent:-999em;overflow:hidden;background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/superfish-menu/css/../images/arrows-ffffff.png) no-repeat -10px -100px}.sf-menu ul .sf-sub-indicator{background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/superfish-menu/css/../images/arrows-ffffff.png) no-repeat -10px -100px}ul ul .sf-sub-indicator{top:1em !important}a>.sf-sub-indicator{top:1em;background-position:0 -100px}a:focus>.sf-sub-indicator,a:hover>.sf-sub-indicator,a:active>.sf-sub-indicator,li:hover>a>.sf-sub-indicator,li.sfHover>a>.sf-sub-indicator{background-position:-10px -100px}.sf-menu ul .sf-sub-indicator{background-position:-10px 0}.sf-menu ul a>.sf-sub-indicator{background-position:0 0}.sf-menu ul a:focus>.sf-sub-indicator,.sf-menu ul a:hover>.sf-sub-indicator,.sf-menu ul a:active>.sf-sub-indicator,.sf-menu ul li:hover>a>.sf-sub-indicator,.sf-menu ul li.sfHover>a>.sf-sub-indicator{background-position:-10px 0}.sf-shadow ul{background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/superfish-menu/css/../images/shadow.png) no-repeat bottom right;padding:.5em}.sf-shadow ul.sf-shadow-off{background:transparent}#tabber-widget{width:99%;float:left;margin-bottom:2em}#sidebar #tabber-widget{width:100%;float:left}.tabberlive .tabbertabhide{display:none}.tabber,.tabberlive{margin:0;padding:0;display:block;width:100%;float:left}#tabber-widget .tabbertab ul li ul{border:0 none;padding:0 !important;width:100%}#tabber-widget .tabbertab{margin:0;padding:4%;float:left;width:92%;border-right:1px solid #ddd;border-bottom:1px solid #ddd;border-left:1px solid #ddd;background-color:#FFF}#container #tabber-widget aside,#container #tabber-widget aside>ul,#container #tabber-widget .avatar-block,#container #tabber-widget .extra-block{padding:0;border:0 none;margin:0 !important;width:100%;font-size:1.05em}#container #tabber-widget aside li:last-of-type{margin:0}ul.tabbernav{padding:0 !important;margin:0;float:left;width:100% !important;letter-spacing:normal;color:#FFF;background-color:#2e3639}#container ul.tabbernav li{list-style:none;width:auto !important}ul.tabbernav li a,ul.tabbernav li a:hover{color:#FFF;text-decoration:none;padding:.5em 1em;display:inline-block;font-size:1.5em;margin-bottom:0;float:left}ul.tabbernav li.tabberactive a,ul.tabbernav li.tabberactive a:hover{background-color:#f54a05}.tabberlive .tabbertab{position:relative}.tabberlive .tabbertab h3{display:none}.tabberlive#tab2 .tabbertab{overflow:auto}#featuredbox{width:98%;float:left;display:none}#featuredbox #featured{width:100%;float:left}#Gallerybox{height:400px;width:100%;overflow:hidden;margin:0 0 2.25em;padding:0;float:left;background:#111;border:1px solid #ddd}#Gallerybox img{border:0 none !important;margin:0 !important}#myGallery,#myGallerySet,#flickrGallery{z-index:5;width:100%;height:400px;padding:0;margin:0;overflow:hidden}#myGallery img.thumbnail,#myGallerySet img.thumbnail{display:none}.jdGallery{overflow:hidden;position:relative}.jdGallery img{border:0}.jdGallery .slideElement{width:100%;height:100%;background:#191919 no-repeat center center;-webkit-background-size:cover;-moz-background-size:cover;-o-background-size:cover;background-size:cover}.jdGallery .loadingElement{width:100%;height:100%;position:absolute;left:0;bottom:0;background-color:#191919}.jdGallery .slideInfoZone{position:absolute;z-index:10;margin:0;left:0;color:#fff;text-indent:0;padding:3% !important;clear:both;float:left;width:94%;height:auto !important;bottom:0}.jdGallery .slideInfoZone{background:#000;background:rgba(0,0,0,0.7);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000);-ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000,endColorstr=#99000000)"}.jdGallery .slideInfoZone a{color:#fff !important}* html .jdGallery .slideInfoZone{bottom:-1px}.jdGallery .slideInfoZone h3{font-size:2em;font-weight:normal;color:#fff;width:100%;text-decoration:none;text-transform:capitalize;display:block;margin:0 0 .5em;text-shadow:0 1px 1px #000;padding:0;letter-spacing:normal;text-align:left;float:left}.jdGallery .slideInfoZone p{font-size:1.2em;color:#ccc;width:100%;margin:0 !important;text-shadow:0 1px 1px #000;padding:0;float:left;line-height:1.45}.jdGallery .slideInfoZone .glidermeta{position:absolute;top:-180px;left:20px;font-size:.5em !important;background:#333}.jdGallery .slideInfoZone .glidermeta .gmdate{text-align:center;padding:1em 1.25em .5em}.jdGallery .slideInfoZone .glidermeta .gmdate strong{font-size:2.5em !important}.jdGallery .slideInfoZone .glidermeta .gmcom{text-align:center;padding:1em 1.25em;background:#555;font-size:.65em}.jdGallery .slideInfoZone a{text-decoration:none;color:#FFF}.jdGallery .slideInfoZone a:hover{text-decoration:none;color:#fff}.jdGallery a.open{left:0;top:0;width:100%;height:100%}.jdGallery a.right,.jdGallery a.left{position:absolute;height:99%;width:25%;cursor:pointer;z-index:10;filter:alpha(opacity=20);-moz-opacity:.2;-khtml-opacity:.2;opacity:.2}* html .jdGallery a.right,* html .jdGallery a.left{filter:alpha(opacity=50)}.jdGallery a.right:hover,.jdGallery a.left:hover{filter:alpha(opacity=80);-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}.jdGallery a.left{left:0;top:0;background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/jd-gallery/img/fleche1.png) no-repeat center left}* html .jdGallery a.left{background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/jd-gallery/img/fleche1.gif) no-repeat center left}.jdGallery a.right{right:0;top:0;background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/jd-gallery/img/fleche2.png) no-repeat center right}* html .jdGallery a.right{background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/jd-gallery/img/fleche2.gif) no-repeat center right}.jdGallery a.open{left:0;top:0;width:100%;height:100%}.withArrows a.open{position:absolute;top:0;left:25%;height:99%;width:50%;cursor:pointer;z-index:10;background:none;-moz-opacity:.8;-khtml-opacity:.8;opacity:.8}.withArrows a.open:hover{background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/jd-gallery/img/open.png) no-repeat center center}* html .withArrows a.open:hover{background:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/jd-gallery/img/open.gif) no-repeat center center;filter:alpha(opacity=80)}#spu-bg{display:none;position:fixed;height:100%;width:100%;top:0;left:0;background:#000;z-index:9999998}#spu-main{min-width:320px;max-width:420px;position:fixed;left:-99999px;background:#fff;z-index:9999999;-moz-border-radius:9px;-webkit-border-radius:9px;margin:0;padding:0;color:#333;text-align:left;font-family:arial,sans-serif !important;font-size:13px;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.2);box-shadow:0 4px 16px rgba(0,0,0,.2);background:#fff;background-clip:padding-box;border:1px solid #acacac;border:1px solid rgba(0,0,0,.333);outline:0}#spu-close{float:right;font-size:12px;color:#000 !important;margin:0 13px 0 0;border-bottom:0 !important;text-decoration:underline !important}#spu-close:hover{text-decoration:none !important}#spu-bottom{padding:5px 10px 10px 0}#spu-counter{font-size:11px !important;text-align:right}.spu-button{overflow:hidden}.spu-button.first{margin-left:0}#spu-timer{position:absolute;left:4px;bottom:0;font-size:11px}@media only screen and (max-width:620px){#spu-main{max-width:300px}}#spu-title{text-align:center;font-size:23px;font-weight:bold;margin:15px;margin-top:0}#spu-body{padding:25px}#spu-msg{font-size:17px;text-align:center}#spu-main{border-radius:0;-moz-border-radius:0;-webkit-border-radius:0}.spu-button{display:inline-block}.spu-facebook{margin-left:11px;margin-bottom:10px;width:173px}#spu-close{right:0;margin:0;padding:6px 8px;cursor:pointer;background:#e7e7e7;color:#b3b3b3 !important;font-size:10px;font-family:arial;text-decoration:none !important}.spu-button.spu-twitter{margin:0 auto;width:100%;margin-left:-7px}@font-face{font-family:'FontAwesome';src:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/css/../font/fontawesome-webfont.eot?v=3.2.1);src:url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/css/../font/fontawesome-webfont.eot?#iefix&v=3.2.1) format('embedded-opentype'),url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/css/../font/fontawesome-webfont.woff?v=3.2.1) format('woff'),url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/css/../font/fontawesome-webfont.ttf?v=3.2.1) format('truetype'),url(http://www.bollyupdates.com/wp-content/themes/combomag/lib/scripts/fontawesome/css/../font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1) format('svg');font-weight:normal;font-style:normal}

Examples and source code

fa-lemon-o hidden-print t1

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

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

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

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

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

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