Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • PHPDES.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of PHPDES.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • PHPDES.COM includes "http://phpdes.com/wp-content/themes/phpdes/A.style,,_reset.css+style,,_fonts.css+style.css+style,,_awesome,,_css,,_font-awesome.css+style,,_icons.css,Mcc.o4Z7cdVfW_.css.pagespeed.cf.qQZhan5Ezb.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
    	font-family: 'Play';
    	src: url(http://themes.googleusercontent.com/static/fonts/play/v3/Nw0-sh1PYRMm1zeOJOLG_Q.eot);
    	src: url(http://themes.googleusercontent.com/static/fonts/play/v3/Nw0-sh1PYRMm1zeOJOLG_Q.eot?#iefix) format('embedded-opentype'),
    	url(http://themes.googleusercontent.com/static/fonts/play/v3/Nw0-sh1PYRMm1zeOJOLG_Q.woff) format('woff'),
    	url(http://themes.googleusercontent.com/static/fonts/play/v3/Nw0-sh1PYRMm1zeOJOLG_Q.ttf) format('truetype'),
    	url(http://themes.googleusercontent.com/static/fonts/play/v3/Nw0-sh1PYRMm1zeOJOLG_Q.svg#Play) format('svg');
    	font-weight: 400; 
    	font-style: normal;   
    }@font-face {
    	font-family: 'Play';
    	src: url(http://themes.googleusercontent.com/static/fonts/play/v3/uidifxmPhb4iAmoMpr_g1Q.eot);
    	src: url(http://themes.googleusercontent.com/static/fonts/play/v3/uidifxmPhb4iAmoMpr_g1Q.eot?#iefix) format('embedded-opentype'),
    	url(http://themes.googleusercontent.com/static/fonts/play/v3/uidifxmPhb4iAmoMpr_g1Q.woff) format('woff'),
    	url(http://themes.googleusercontent.com/static/fonts/play/v3/uidifxmPhb4iAmoMpr_g1Q.ttf) format('truetype'),
    	url(http://themes.googleusercontent.com/static/fonts/play/v3/uidifxmPhb4iAmoMpr_g1Q.svg#Play) format('svg');  
    	font-weight: 700;
    	font-style: normal;
    }a{color:#fff;text-decoration:none;outline:none}a:hover{text-decoration:underline}h1{font-size:18px;font-weight:bold;text-transform:uppercase;margin-bottom:15px}h2{font-size:16px;font-weight:bold;margin-bottom:10px;text-transform:uppercase}h1 a{text-decoration:none!important}h3{font-size:14px;margin-bottom:10px}sup{font-size:10px}input[type="text"],input[type="password"],input[type="email"],textarea{display:block;-webkit-border-radius:7px;-moz-border-radius:7px;border-radius:7px;background:#141517;font-size:14px;color:#fff;border:none;padding:6px 8px;box-shadow:inset 0px 1px 0px black;margin-bottom:9px;outline:none}input[type="button"],input[type="submit"],a.button{background:#a5cd4e;background:-moz-linear-gradient(top,#a5cd4e 0%,#6b8f1a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a5cd4e),color-stop(100%,#6b8f1a));background:-webkit-linear-gradient(top,#a5cd4e 0%,#6b8f1a 100%);background:-o-linear-gradient(top,#a5cd4e 0%,#6b8f1a 100%);background:-ms-linear-gradient(top,#a5cd4e 0%,#6b8f1a 100%);background:linear-gradient(to bottom,#a5cd4e 0%,#6b8f1a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5cd4e', endColorstr='#6b8f1a',GradientType=0 );-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;border:none;color:#141517!important;text-decoration:none!important;padding:4px 10px;text-shadow:0px 1px 0px silver;cursor:pointer;box-shadow:0px 0px 3px #0c0d11;outline:none!important}input[type="button"]:focus,input[type="submit"]:focus,a.button:focus{outline:0 none!important}input[type="button"]:hover,input[type="submit"]:hover,a.button:hover{background:#6b8f1a;background:-moz-linear-gradient(top,#6b8f1a 0%,#a5cd4e 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#6b8f1a),color-stop(100%,#a5cd4e));background:-webkit-linear-gradient(top,#6b8f1a 0%,#a5cd4e 100%);background:-o-linear-gradient(top,#6b8f1a 0%,#a5cd4e 100%);background:-ms-linear-gradient(top,#6b8f1a 0%,#a5cd4e 100%);background:linear-gradient(to bottom,#6b8f1a 0%,#a5cd4e 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6b8f1a', endColorstr='#a5cd4e',GradientType=0 )}input[type="button"]:active,input[type="submit"]:active,a.button:active{box-shadow:inset 1px 1px 2px black;border:1px solid #212328;background:#6b8f1a;color:#fff;text-shadow:0px 1px 0px gray}body{font-family:'Play',sans-serif;font-size:14px;color:#fff;background:url(http://phpdes.com/wp-content/themes/phpdes/style/img/bg.png.pagespeed.ce.a0-v9foILX.png)}.totalWidth{margin:0px auto;width:auto;padding-left:15px!important;padding-right:15px!important;min-width:900px}#totalWrap{width:100%}.bgTopRow{background:#0c0d11;border-bottom:1px solid #494b51}#topRow{overflow:hidden}#topRow>p{display:inline-block;padding:8px 0px;text-align:right}#topRow>p.logIn{float:right}#topRow>p.logIn a{color:#aed10c}#topRow>p.logIn a:hover{color:silver}#topRow>p.logIn span{font-size:11px;font-family:'Colibri',sans-serif;font-style:italic;display:inline-block;margin:0px 5px}#logoRow{padding:24px 0px}#logoRow>a{display:inline-block;width:240px;height:95px;background:url(http://phpdes.com/wp-content/themes/phpdes/style/img/logo.png.pagespeed.ce.BTT19jbnwv.png) no-repeat top left;text-indent:-9999%}#logoRow ul{display:inline-block;float:right;list-style:none}#logoRow ul a{text-decoration:none}#logoRow ul li{text-align:center;display:inline-block;margin-left:67px}#logoRow ul li:first-child{margin-left:0px}#logoRow ul p{font-weight:bold;color:#fff;font-size:24px;line-height:20px}#logoRow ul span{color:#adadad;display:block;font-size:12px;line-height:10px!important}#logoRow ul span.img{display:block;margin:19px auto 0px auto;width:50px;height:40px;background:url(http://phpdes.com/wp-content/themes/phpdes/style/img/icons.png.pagespeed.ce.t6PEpg-Cbt.png) no-repeat}#logoRow ul li:nth-child(1) span.img{background-position:0px 0px}#logoRow ul li:nth-child(2) span.img{background-position:-50px 0px}#logoRow ul li:nth-child(3) span.img{background-position:-150px 0px}#logoRow ul li.current p,#logoRow ul li:hover p{color:#aed10c}#logoRow ul li.current span{color:#fff}#logoRow ul li.current:nth-child(1) span.img{background-position:0px -40px}#logoRow ul li.current:nth-child(2) span.img{background-position:-50px -40px}#logoRow ul li.current:nth-child(3) span.img{background-position:-150px -40px}#menuSite{padding:8px 0px;text-align:center;display:block;list-style:none;white-space:nowrap}#menuSite li{position:relative;font-weight:bold;text-transform:uppercase;display:inline-block;margin:0px 10px}#menuSite li:after{display:none;content:'';position:absolute;bottom:-9px;left:50%;margin-left:-8px;width:0;height:0;border-left:8px solid transparent;border-bottom:6px solid #3b3d44;border-right:8px solid transparent}#menuSite li.current-cat:after{display:block}#menuSite li a{text-decoration:none;position:relative;display:block}#menuSite li a:before{content:'';position:absolute;display:block;width:6px;height:6px;top:50%;left:-14px;margin-top:-2px;border-radius:50%;background:#adadad}#menuSite li:first-child a:before{display:none}#menuSite li:hover a,#menuSite li.current-cat a{color:#aed10c}#menuSite li:hover a:before,#menuSite li:hover+li a:before,#menuSite li.current-cat a:before,#menuSite li.current-cat+li a:before{background:#aed10c}.outer{margin:20px 250px 0 250px;zoom:1}.outer:after{content:'';clear:both;display:block;overflow:hidden;height:0}.boxCL{float:left;width:100%;zoom:1}.centerCol{float:right;width:100%;zoom:1}.leftCol{float:left;width:238px;padding-right:10px;position:relative;margin-left:-250px;zoom:1}.rightCol{float:right;width:238px;padding-left:10px;position:relative;margin-right:-250px;zoom:1}.leftCol ul,.rightCol ul{list-style:none;list-style-position:inside}.leftCol>aside>ul>li,.rightCol>aside>ul>li{overflow:hidden;display:block;margin-bottom:20px}p.title{color:#aed10c;font-size:18px;font-weight:bold;text-transform:uppercase;margin-bottom:12px}img.avatar{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #b0b0b0;box-shadow:0px 0px 3px black;background:#302a2a;float:left;margin-right:10px}ul.lastComments img.avatar{width:44px;height:44px;left:0;top:0;position:absolute}ul.lastComments li{margin-bottom:20px;position:relative;min-height:48px}ul.lastComments li div.num{border-bottom:2px solid gray;height:24px;left:48px;position:absolute;top:0;width:7px}ul.lastComments li div.comment{margin-left:55px;border-left:2px solid gray;background:#45484f;padding:3px}ul.lastComments li p.t{font-weight:bold}ul.lastComments li p.c{font-size:13px}ul.lastComments li p.c a{text-align:justify;display:block}form.loginform_site{overflow:hidden;display:block;margin-bottom:35px}form.loginform_site input[type="text"],form.loginform_site input[type="password"]{width:190px}form.loginform_site input[type="password"]{margin-bottom:25px}form.loginform_site p.remember{float:left;height:18px;overflow:hidden;margin-right:25px;margin-left:8px;cursor:pointer}form.loginform_site p.remember span{display:block;float:left;border:4px solid #fff;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;background:#e0e0e0;width:10px;height:10px;box-shadow:inset 0px 0px 1px gray;margin-right:7px}form.loginform_site p.remember span.active{background:#aed10c;box-shadow:inset 0px 0px 1px black}form.loginform_site input[type="submit"]{float:left;display:block;margin-top:-5px}form.loginform_site a{color:#d3d3d3}li.logInForm{overflow:hidden}li.logInForm img.avatar{width:64px;height:64px}li.logInForm p.register_user{margin-top:20px}li.logInForm a.logout{color:#aed10c}li.logInForm a.logout:hover{color:#fff}ul.last-blog-items li>a{display:block;overflow:hidden}ul.last-blog-items li>a span{display:block;margin-top:5px;font-size:13px}ul.last-blog-items li>a:hover{color:#aed10c;text-decoration:none}ul.last-blog-items li{margin-bottom:15px;display:block}ul.last-blog-items img{display:block;background:#302a2a;width:74px;height:59px;float:left;margin:0px 5px 0px 0px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;border:1px solid #b0b0b0}#breadcrumbs{font-size:12px;color:#adadad;margin-bottom:10px}#breadcrumbs a{color:#adadad}#breadcrumbs a:hover{color:#fff}#content{margin-bottom:30px}div.enter ul,div.enter ol{list-style-position:inside!important;margin-left:20px}div.enter object{display:block;margin:10px auto}div.enter h2{border-bottom:1px solid #adadad;padding-bottom:2px;color:#aed10c;margin-top:15px}div.enter h3{color:#aed10c;margin-top:10px}div.enter p{text-align:justify;margin-bottom:5px}div.enter span.external{font-size:80%;color:silver;display:inline-block;margin:auto 2px}div.enter p.title{margin-bottom:10px}div.enter p.title a.title{text-decoration:none}div.enter div.categoryHeader{padding:7px 20px;text-align:center;font-size:22px;font-weight:bold;background:#302a2a;margin-bottom:20px;position:relative}div.enter div.categoryHeader h1{margin-bottom:0px!important;font-size:22px;text-transform:none!important}div.enter div.categoryHeader:after{content:'';position:absolute;bottom:-10px;left:50%;margin-left:-18px;width:0;height:0;border-left:18px solid transparent;border-top:10px solid #302a2a;border-right:18px solid transparent}div.linkButton,div.demoButton,div.downloadButton{padding:20px 0px;margin:15px auto;text-align:center;font-size:20px;font-weight:bold;text-decoration:line-through;color:#aed10c!important}div.demoButton{text-decoration:none}div.linkButton a,div.demoButton a,div.downloadButton a{text-decoration:none!important;display:inline-block}div.linkButton span,div.demoButton span,div.downloadButton span{color:silver;font-size:24px;display:inline-block;margin-right:10px}div.demoButton>div{margin:auto 10px;display:inline-block;text-decoration:line-through}div.demoButton a:first-child{margin-right:20px!important}a.permallink{text-align:right;margin-right:20px;display:block;margin-bottom:20px}div.enter img{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;height:auto;max-width:100%;margin:10px auto}img.post_thumbnail_single{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;border:3px solid #b0b0b0;display:block;margin:0px auto 20px auto!important;background:#302a2a}div.post a{text-decoration:underline;color:#aed10c}div.post a:hover{text-decoration:none;color:silver}.categoryDesc{color:silver;margin:30px auto 20px auto}#dcaptcha{float:right;display:inline-block}#search{overflow:hidden}#search input[type="text"]{width:75%;float:left;-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;-webkit-border-top-right-radius:0;-moz-border-radius-topright:0;border-top-right-radius:0}#search input[type="submit"]{float:left;font-size:20px;padding:0px 3px 4px 2px;-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;-webkit-border-top-left-radius:0;-moz-border-radius-topleft:0;border-top-left-radius:0;box-shadow:none}#search input[type="submit"]:active{border:none}#search.full{overflow:hidden;position:relative}#search.full #s{width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#search.full>div{margin-right:20px}#search.full input[type="submit"]{position:absolute;right:0px;top:0px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}#menuSidebar li,#archives-3 li{display:block;padding-left:10px}#menuSidebar li a,#archives-3 li a{position:relative;padding:5px;display:block;font-size:16px}#menuSidebar li a:hover,#archives-3 li a:hover,#menuSidebar li.current-cat>a{color:#aed10c;background:#2f2f2f;text-decoration:none}#menuSidebar li.current-cat>a:before{content:'';display:block;position:absolute;left:-10px;top:0px;width:0;height:0;border-top:15px solid transparent;border-right:10px solid #2f2f2f;border-bottom:15px solid transparent}#menuSidebar ul.children{margin:5px 0px 10px 20px}div.moveUp{background:#a5cd4e;background:-moz-linear-gradient(top,#a5cd4e 0%,#6b8f1a 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#a5cd4e),color-stop(100%,#6b8f1a));background:-webkit-linear-gradient(top,#a5cd4e 0%,#6b8f1a 100%);background:-o-linear-gradient(top,#a5cd4e 0%,#6b8f1a 100%);background:-ms-linear-gradient(top,#a5cd4e 0%,#6b8f1a 100%);background:linear-gradient(to bottom,#a5cd4e 0%,#6b8f1a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a5cd4e', endColorstr='#6b8f1a',GradientType=0 );float:right;display:inline-block;padding:5px 10px;cursor:pointer;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}div.moveUp:hover{background:#6b8f1a;color:#fff}div.postData{overflow:hidden;margin:20px 0px 15px 0px}div.nav{font-size:20px;text-align:center}div.nav span{display:inline-block;font-size:28px;padding:2px 3px}div.nav a{display:inline-block;padding:2px 4px;color:silver;text-decoration:none}div.nav a:hover{text-decoration:underline;color:#fff}div.navigation span{vertical-align:top;font-size:28px;line-height:16px;display:inline-block;margin:0px 10px}div.navigation>div{white-space:nowrap}div.navigation>div:nth-child(1) a span{margin-left:0px}div.navigation>div:nth-child(2) a span{margin-right:0px}div.navigation a{vertical-align:top;display:inline-block;font-size:16px;color:#fff;text-decoration:none;padding:5px 10px}div.navigation a:hover{color:#aed10c;background:#2f2f2f}div.container{overflow:hidden}ul.other_posts{list-style:circle;list-style-position:inside;padding-right:15px}.tabs-content{width:100%;margin-top:40px}.tabs-content ul{list-style:none}.tabs-content ul li{width:100%}ul.tabs li a{display:block;padding:7px 20px;font-size:16px;color:gray;text-decoration:none}ul.tabs li.active a{color:#aed10c;border-bottom:2px solid silver}ul.tabs li{display:inline-block}ol.commentlist{counter-reset:li;list-style:none}ol.commentlist li{display:block;overflow:hidden;margin-bottom:30px}ol.commentlist li div.commentWrap{position:relative}ol.commentlist li div.commentUser{padding:5px 10px;min-height:70px;margin-left:107px;background:#45484f;border-left:2px solid gray}ol.commentlist li div.commentUser div.hidden{opacity:0;margin-top:5px;overflow:hidden;transition:all .4s linear 0s}ol.commentlist li div.commentUser div.hidden a.comment-reply-link{float:right;text-decoration:none}ol.commentlist li:hover div.commentUser div.hidden{opacity:1}ol.commentlist li div.commentUser div.top{overflow:hidden;margin-bottom:6px}ol.commentlist li div.commentUser div.top a{text-decoration:none;font-size:18px}ol.commentlist li div.commentUser p.author{color:#aed10c;font-size:18px;display:inline-block}ol.commentlist li div.commentUser div.top span{display:inline-block;float:right;color:gray}ol.commentlist li img.avatar{-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:2px solid #b0b0b0;box-shadow:0px 0px 3px black;position:absolute;top:0px;left:0px;width:64px;background:#302a2a;height:64px}ol.commentlist li div.num{position:absolute;width:40px;height:33px;top:0px;left:68px;border-bottom:2px solid gray}ol.commentlist li div.num:before{content:counter(li);counter-increment:li;font-size:20px;width:40px;bottom:0px;left:0px;position:absolute;text-align:center}ol.commentlist li.bypostauthor>div.commentWrap>div.commentUser{background:#302a2a}ol.commentlist li.bypostauthor>div.commentWrap>div.commentUser,ol.commentlist li.bypostauthor>div.commentWrap>img.avatar,ol.commentlist li.bypostauthor>div.commentWrap>div.num{border-color:#aed10c}ul.children{margin-top:20px;margin-left:40px}a.comment-edit-link{font-size:12px!important}div.cancel-comment-reply{display:none;margin-bottom:10px}#commentform textarea{margin:10px 0px;height:140px;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;resize:vertical;-webkit-border-top-right-radius:0px;-moz-border-radius-topright:0px;border-top-right-radius:0px;margin-top:0px}#commentform div.textareaButtons{-webkit-border-top-left-radius:7px;-webkit-border-top-right-radius:7px;-moz-border-radius-topleft:7px;-moz-border-radius-topright:7px;border-top-left-radius:7px;border-top-right-radius:7px;background:#141517;display:inline-block;padding:5px 10px;margin-top:5px;float:right}#commentform div.textareaButtons a{display:inline-block;margin:0px 2px;text-decoration:none}#commentform p.req{display:inline-block;position:relative}#commentform p.req:after{content:'*';color:red;font-size:20px;position:absolute;right:-10px;top:-5px;display:block;z-index:999}#commentform p.code{display:block!important;margin-bottom:10px}#commentform.noregistred p.code{float:left;font-size:12px}p.pred{margin-bottom:10px!important;text-align:center!important;font-size:15px}p.pred span{font-family:'Colibri',sans-serif;font-style:italic;display:inline-block;margin:0px 10px;font-size:14px}div.moreBar{padding-top:10px;margin-left:25px;padding-left:30px}div.moreBar a.button{display:inline-block;margin:20px auto;font-size:16px}div.moreBar ul{font-size:16px}div.moreBar ul li{padding-bottom:5px}div.moreBar ul li:before{font-size:24px;content:"\2714";color:#aed10c;margin-right:10px}div.moreBar form{margin-top:5px;display:inline-block!important}div.moreBar form input[type="text"],div.moreBar form input[type="password"]{width:164px!important}div.moreBar form input[type="password"]{margin-bottom:15px!important}div.moreBar form p.remember{margin-right:5px!important}footer{text-align:center;overflow:hidden}footer ul{list-style:none;margin-bottom:20px}footer ul li{display:inline-block}footer ul li a{text-decoration:none!important;color:silver;font-size:36px}footer ul li a:hover{color:#aed10c}footer div.copy{color:gray}footer div.copy a{text-decoration:none}footer div.copy a:hover span{color:silver!important}footer span.t{color:#aed10c;font-weight:bold;margin-bottom:2px;text-transform:uppercase}.adsPlace1,.adsPlace2{display:none!important}.adsPlace1{background:gray}.adsPlace2{background:gray;height:150px;width:100%}.adsPlace3{background:gray;width:100%}#vk_comments,#vk_comments>iframe,div.fb-comments,div.fb-comments>span,div.fb-comments>span>iframe{width:100%!important}button::-moz-focus-inner,input[type="reset"]::-moz-focus-inner,input[type="button"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="submit"]::-moz-focus-inner,input[type="file"]>input[type="button"]::-moz-focus-inner{border:none}div.wp-caption{text-align:center;max-width:100%}div.wp-caption p.wp-caption-text{text-align:center}div.clear{clear:both;float:none}.aligncenter{margin:auto;display:block}@media (max-width:1100px){body{font-size:13px}.outer{margin:20px 220px 0px 220px}.rightCol{width:206px;margin-right:-220px}.leftCol{width:206px;margin-left:-220px}div.enter p{font-size:16px}p.title{font-size:16px}input[type="text"],input[type="password"],input[type="email"]{font-size:12px}ul.last-blog-items li>a span{margin-top:0px}#menuSidebar li a{font-size:14px}#menuSidebar li.current-cat a:before{border-top:13px solid transparent;border-bottom:13px solid transparent}#search input[type="submit"]{font-size:19px;padding:0px 3px 4px 2px}#logoRow ul p{font-size:22px}#menuSite li{margin:0px 5px}#menuSite li a:before{width:5px;height:5px;top:50%;left:-9px;margin-top:-1px}#archives-3 li a{font-size:14px}div.navigation span{font-size:24px;line-height:14px}div.navigation a{font-size:14px}ol.commentlist li img.avatar{width:54px;height:54px}ol.commentlist li div.num{width:30px;height:29px;left:58px}ol.commentlist li div.num:before{font-size:16px;width:30px}ol.commentlist li div.commentUser{margin-left:87px}#commentform p.code{display:none}div.moreBar{padding-top:0px}div.moreBar a.button{margin:10px auto;font-size:14px}div.moreBar ul{font-size:14px}div.moreBar form input[type="text"],div.moreBar form input[type="password"]{width:154px!important}div.moreBar form input[type="password"]{margin-bottom:10px!important}div.moreBar ul span{font-size:22px;margin-right:10px}div.nav span{padding:2px 3px;font-size:26px}div.nav a{padding:2px 3px;font-size:26px}}@font-face {
      font-family: 'FontAwesome';
      src: url('style/awesome/font/fontawesome-webfont.eot?v=3.1.0');
      src: url('style/awesome/font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'), url('style/awesome/font/fontawesome-webfont.woff?v=3.1.0') format('woff'), url('style/awesome/font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'), url('style/awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') 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