Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • AKHBARKHOON.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of AKHBARKHOON.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • AKHBARKHOON.COM includes "http://AKHBARKHOON.COM/templates/v2/css/A.style.css+font-awesome.min.css,Mcc.-OK0iVKGgd.css.pagespeed.cf.nI_TKSN39H.css" to use Font Awesome and information from CSS is like below.
  • @font-face{
    	font-family: "NTahoma";
    	src: url("../fonts/NTahoma.ttf") format("truetype");
    }@font-face{
    	font-family: "BYekan";
    	src: url("../fonts/BYekan.ttf") format("truetype");
    }@font-face{
    	font-family: "BNazanin";
    	src: url("../fonts/BNaznnBd.ttf") format("truetype");}@font-face{font-family:"kodak";src:url("../fonts/BKoodakBold.eot?#") format("eot"),url("../fonts/BKoodakBold.woff") format("woff"),url("../fonts/BKoodakBold.ttf") format("truetype");}@font-face{font-family:"homa";src:url("../fonts/BHoma.eot?#") format("eot"),url("../fonts/BHoma.woff") format("woff"),url("../fonts/BHoma.ttf") format("truetype");}@font-face{font-family:"proya";src:url("../fonts/BRoya.eot?#") format("eot"),url("../fonts/BRoya.woff") format("woff"),url("../fonts/BRoya.ttf") format("truetype");}@font-face{font-family:"pmorv";src:url("../fonts/BMorvarid.eot?#") format("eot"),url("../fonts/BMorvarid.woff") format("woff"),url("../fonts/BMorvarid.ttf") format("truetype");}body{margin:0px;padding:0px;color:#000;font-family:tahoma,b\ yekan,Helvetica,sans-serif;font-size:12px;text-decoration:none;background-color:#ececec;text-align:center;position:relative}html,body{height:100%}#site{border:2px solid #b3b3b3;width:940px;margin:7px auto;text-align:right;overflow:visible;background-color:#fff;width:980px;margin:auto;padding:1px;overflow:visible;background-color:#e6e6e6;position:relative;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/bg.gif.pagespeed.ce.xz-LEeo4vT.gif);background-repeat:repeat}.news-row{background-color:#e6e6e6;list-style:none;margin:0;padding:0;position:relative;text-decoration:none}.news-row li a{text-decoration:none;text-overflow:ellipsis;width:200px;white-space:nowrap;overflow:hidden;color:#000}.news-row li.fr1{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;direction:rtl;background-color:#ccc;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xdot.png.pagespeed.ic.IJHcjanUZ5.png);background-repeat:no-repeat;background-position:right center;padding:4px 8px 4px 3px}.news-row li.fr1:hover{background-color:#62d5ff;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xdot2.png.pagespeed.ic.Rm87flj3IY.png)}.news-row li.fr2:hover{background-color:#62d5ff;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xdot2.png.pagespeed.ic.Rm87flj3IY.png)}.news-row li.fr2{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;direction:rtl;background-color:#fff;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xdot.png.pagespeed.ic.IJHcjanUZ5.png);background-repeat:no-repeat;background-position:right center;padding:5px 8px 5px 3px}.news-row li.fr3{background-color:#71ebc6;text-align:left;padding:4px 8px 4px 3px}.htabs{direction:rtl;text-align:right;padding-top:2px;padding-right:4px;line-height:24px;height:30px;overflow:hidden;font-family:BYekan;font-size:8px;position:relative}.htabs a{border:1px solid #aaa;background:#d1d1d1;display:inline-block;position:relative;z-index:0;margin:0px;padding:0px;margin-right:2px}.htabs a{color:#555;text-decoration:none;padding:2px 2px 2px 5px;margin-right:6px}.htabs a.onhtab{background:#fff;color:#333;z-index:2;border-bottom-color:#fff;padding:5px 5px 5px 5px;margin-right:2px}.htabs a:before{content:'';border-top:24px solid #d1d1d1;border-bottom:0px solid transparent;border-left:0px solid transparent;border-right:10px solid transparent;position:absolute;top:0;right:-10px}.htabs a:after{content:'';border-top:0px solid transparent;border-bottom:34px solid #d1d1d1;border-left:15px solid transparent;border-right:0px solid #d1d1d1;position:absolute;top:0px;left:-15px}.htabs a.onhtab:before{content:'';border-bottom:0px solid #fff;border-top:0px solid transparent;border-left:0px solid transparent;border-right:0px solid transparent;position:absolute;top:0;right:0px}.htabs a.onhtab:after{content:'';border-top:0px solid transparent;border-bottom:44px solid #fff;border-left:20px solid transparent;border-right:0px solid #fff;position:absolute;top:0px;left:-20px}#sitebody{padding:1px;overflow:visible}#site-right{width:700px;float:right;padding:1px;overflow:visible;background-color:#fff}#head-box1{width:260px;min-height:122px;float:left;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xother-read.png.pagespeed.ic.z9HilwXP8D.png);background-position:right center;background-repeat:no-repeat}#head-box2{width:260px;min-height:122px;float:left;margin-left:10px;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xtop-new.png.pagespeed.ic.HPRzCQ2z27.png);background-position:right center;background-repeat:no-repeat}#head-box1-head{width:22px;float:right;min-height:122px}#head-box2-head{width:22px;float:right;min-height:122px}#head-box1-content{width:236px;border:1px solid #000;float:left;min-height:115px}#head-box2-content{width:236px;border:1px solid #000;float:left;min-height:115px}.head-menu{list-style:none;margin-top:6px;text-decoration:none}.head-menu li{float:right;margin-right:10px;color:#fff;text-decoration:none}.head-menu li a{color:#fff;text-decoration:none}#head-menu-box{width:705px;float:right;overflow:visible;height:33px;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xh-menu.jpg.pagespeed.ic.c3yT-xBCiq.webp)}#site-content{width:700px;float:right;padding:1px;overflow:visible;margin-top:10px}.content-box1{width:340px;min-height:160px;float:left;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xtop-view.png.pagespeed.ic.sADlBrKnlr.png);background-position:right center;background-repeat:no-repeat}.content-box2{width:340px;min-height:160px;float:left;margin-left:10px;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xnew-news.png.pagespeed.ic.HGvo1dQlr7.png);background-position:right center;background-repeat:no-repeat}.content-box1-head{width:22px;min-height:160px;float:right}.content-box2-head{width:22px;min-height:160px;float:right}.content-box1-content{width:316px;min-height:160px;border:1px solid #000;float:left}.content-box2-content{width:316px;min-height:160px;border:1px solid #000;float:left}#top-post{width:700px;float:right;padding:1px;overflow:visible;margin-top:10px;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xtop-news.png.pagespeed.ic.JfEPGk-lPH.png);background-position:right center;background-repeat:no-repeat}.top-post-box{border-radius:5px;width:100px;height:100px;border:1px solid #555;padding:1px;float:left;margin:4px;background-size:cover;position:relative;font-size:10px}.top-post-box:hover{border:1px solid #b841f0}.top-postbox-title{width:100%;height:30px;background:rgba(170,170,170,.7);position:absolute;bottom:0;right:0;text-align:center}.top-postbox-title:hover{width:100%;height:30px;background:rgba(110,170,210,.9);position:absolute;bottom:0;right:0;text-align:center}.top-postbox-title a{text-decoration:none;color:#000}#news-box-content{width:700px;float:right;padding:1px;overflow:visible;margin-top:10px}#news-box-content h3{margin-left:5px;width:670px;padding:10px;border-radius:5px;background:#c9de96;background:-moz-linear-gradient(top,#c9de96 0%,#8ab66b 44%,#398235 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c9de96),color-stop(44%,#8ab66b),color-stop(100%,#398235));background:-webkit-linear-gradient(top,#c9de96 0%,#8ab66b 44%,#398235 100%);background:-o-linear-gradient(top,#c9de96 0%,#8ab66b 44%,#398235 100%);background:-ms-linear-gradient(top,#c9de96 0%,#8ab66b 44%,#398235 100%);background:linear-gradient(to bottom,#c9de96 0%,#8ab66b 44%,#398235 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9de96', endColorstr='#398235',GradientType=0 )}.news-box-content1{width:340px;padding:1px;float:left;margin-top:5px;min-height:235px}.news-box-content2{width:340px;float:left;padding:1px;margin-left:10px;margin-top:5px;min-height:235px}#footer{float:right;padding:1px}#footer-menu{background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xfoot-head.png.pagespeed.ic.zCAQG_QKJb.png);width:705px;height:76px;background-position:right center;overflow:visible;z-index:999999}#footer-menu-net{position:relative;top:5px;height:37px;text-align:center}#footer-menu-net img{height:34px;width:34px;margin:auto;border-radius:50%}.footer-content{height:205px;background-color:#003566}.footer-right-content{height:205px;width:225px;float:right}.footer-right-header{margin-top:7px;width:100%;height:34px;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xlast-foot.png.pagespeed.ic.6lo9TJQcYT.png);background-position:center center;background-repeat:no-repeat}.footer-center-content{height:200px;width:246px;float:right;background-color:#004f99;padding:2px;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/x500.png.pagespeed.ic.VmGJj2x9KB.webp);background-position:top center;background-repeat:no-repeat}.footer-left-content{height:210px;width:225px;float:right}.footer-left-header{margin-top:7px;width:100%;height:34px;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xrand-foot.png.pagespeed.ic.IX4vJiMums.png);background-position:center center;background-repeat:no-repeat}.footer-avatar-box{width:43px;height:43px;border:1px solid #fff;float:left;margin:2px;border-radius:3px}.logo-continue{float:right;margin-top:20px;padding-right:8px;background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xdot2.png.pagespeed.ic.Rm87flj3IY.png);background-position:right center;background-repeat:no-repeat}.logo-continue:hover{background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xdot.png.pagespeed.ic.IJHcjanUZ5.png);color:#edf007}.logo-continue a{color:#fff;text-decoration:none;font-weight:bold;margin-top:15px}#foot-link{text-overflow:ellipsis;white-space:nowrap;overflow:hidden;padding:5px;height:8px;font-size:10px}#foot-link a{text-decoration:none;color:#fff}#foot-link a:hover{color:#edf007;font-weight:bold;font-size:9px}#left-sidebar{width:270px;flaot:left;padding:1px;overflow:visible}.left-menu-head{background-image:url(http://akhbarkhoon.com/templates/v2/imgs/xm-h-bg.jpg.pagespeed.ic.oq2lQNprnR.webp);height:32px}.widget_body{border:1px solid #fff;border-radius:5px;margin:5px;padding:5px;background-color:#fff}.feeditem{border:1px solid #fff;border-radius:5px;margin:5px;padding:5px}.feeditem a{text-decoration:none;color:#1499ff}.item_details{margin-top:5px}.item_details a{color:#000}.loading-bar{padding:10px 20px;display:block;text-align:center;box-shadow:inset 0px -45px 30px -40px rgba(0,0,0,.05);margin:20px 0;font:13px tahoma;border:1px solid #bbb;background-color:#e0ebcc;cursor:pointer;position:relative;color:#7b52eb;border-radius:5px}.loading-bar:hover{border:1px solid #ccc}.page_numbers{overflow:hidden;margin:10px;list-style:none}.page_numbers ul{list-style:none}.page_numbers li{float:right}.page_numbers li a{display:inline-block;list-style:none;padding:8px 12px;background:#eee;color:#777;margin:0 3px;font:12px yekan}.page_numbers li a:hover{background:#61a1e1;color:#fff}.page_numbers li.active_page a{background:#61a1e1;color:#fff}.page_numbers li.page_info{display:inline-block;padding:8px 12px;color:#61a1e1;margin:0 3px;font:12px yekan}#joke{direction:rtl;padding:5px;background:#fefcea;background:-moz-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(247,206,56,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(254,252,234,1)),color-stop(100%,rgba(247,206,56,1)));background:-webkit-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(247,206,56,1) 100%);background:-o-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(247,206,56,1) 100%);background:-ms-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(247,206,56,1) 100%);background:linear-gradient(to bottom,rgba(254,252,234,1) 0%,rgba(247,206,56,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f7ce38',GradientType=0 )}#hadis{direction:rtl;padding:5px;background:#fefcea;background:-moz-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(113,155,35,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(254,252,234,1)),color-stop(100%,rgba(113,155,35,1)));background:-webkit-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(113,155,35,1) 100%);background:-o-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(113,155,35,1) 100%);background:-ms-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(113,155,35,1) 100%);background:linear-gradient(to bottom,rgba(254,252,234,1) 0%,rgba(113,155,35,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#719b23',GradientType=0 )}#tandorosti{direction:rtl;padding:5px;background:#fefcea;background:-moz-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(244,56,238,1) 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,rgba(254,252,234,1)),color-stop(100%,rgba(244,56,238,1)));background:-webkit-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(244,56,238,1) 100%);background:-o-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(244,56,238,1) 100%);background:-ms-linear-gradient(top,rgba(254,252,234,1) 0%,rgba(244,56,238,1) 100%);background:linear-gradient(to bottom,rgba(254,252,234,1) 0%,rgba(244,56,238,1) 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fefcea', endColorstr='#f438ee',GradientType=0 )}div#menu{height:41px;background:url(http://akhbarkhoon.com/templates/v2/images/menu/main-bg.png.pagespeed.ce.IEw7JgV9Ll.png) repeat-x}div#menu ul{margin:0;padding:0;list-style:none;float:right}div#menu ul.menu{padding-right:0px}div#menu li{position:relative;z-index:9;margin:0;padding:0 5px 0 0;display:block;float:right}div#menu li:hover>ul{left:-2px}div#menu a{position:relative;z-index:10;height:41px;display:block;float:right;line-height:41px;text-decoration:none;font:11px Tahoma;margin-left:10px;margin-right:10px}div#menu a:hover,div#menu a:hover span{color:#fff}div#menu li.current a{}div#menu span{display:block;cursor:pointer;background-repeat:no-repeat;background-position:95% 0}div#menu ul ul a.parent span{background-position:95% 8px;background-image:url(http://akhbarkhoon.com/templates/v2/images/menu/item-pointer.gif.pagespeed.ce.NAMOz6F24Y.gif)}div#menu ul ul a.parent:hover span{background-image:url(http://akhbarkhoon.com/templates/v2/images/menu/item-pointer-mover.gif.pagespeed.ce.oj7uSnsvtJ.gif)}div#menu a{padding:0 0px 0 0px;line-height:30px;color:#e5e5e5}div#menu span{margin-top:5px}div#menu li{background:url(http://akhbarkhoon.com/templates/v2/images/menu/xmain-delimiter.png.pagespeed.ic.Nflfi8_0wZ.png) 98% 4px no-repeat}div#menu li.last{background:none}div#menu ul ul li{background:none}div#menu ul ul{position:absolute;top:38px;left:-999em;width:163px;padding:5px 0 0 0;background:#2d2d2d;margin-top:1px}div#menu ul ul a{padding:0 0 0 15px;height:auto;float:none;display:block;line-height:24px;color:#a9a9a9}div#menu ul ul span{margin-top:0;padding-right:15px;_padding-right:20px;color:#a9a9a9}div#menu ul ul a:hover span{color:#fff}div#menu ul ul li.last{background:none}div#menu ul ul li{width:100%}div#menu ul ul ul{padding:0;margin:-38px 0 0 163px!important;margin-left:172px}div#menu ul ul ul{background:#292929}div#menu ul ul ul ul{background:#262626}div#menu ul ul ul ul{background:#232323}div#menu li.back{background:url(http://akhbarkhoon.com/templates/v2/images/menu/lava2.png) no-repeat right -44px!important;background-image:url(http://akhbarkhoon.com/templates/v2/images/menu/lava2.gif);width:13px;height:44px;z-index:8;position:absolute;margin:-1px 0 0 -5px}div#menu li.back .left{background:url(http://akhbarkhoon.com/templates/v2/images/menu/xlava.png.pagespeed.ic.xqvOMxqE8b.png) no-repeat top left!important;background-image:url(http://akhbarkhoon.com/templates/v2/images/menu/xlava.gif.pagespeed.ic.kdYjazQCjW.png);height:44px;margin-right:0px}div#copyright{visibility:visible;display:none}@font-face{font-family:'FontAwesome';src:url('../font/fontawesome-webfont.eot?v=3.2.1');src:url('../font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../font/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../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