Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • SCHUELERPILOT.DE used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SCHUELERPILOT.DE are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SCHUELERPILOT.DE includes "https://www.schuelerpilot.de/cache/css/0e95974369fee383c86638a2202f0217.css?v=4287077058" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'DINLight';src:url('/css/font/DINWeb-Light.eot');src:url('/css/font/DINWeb-Light.eot?#iefix') format('embedded-opentype'),url('/css/font/DINWeb-Light.woff') format('woff'),url('/css/font/DINComp-Light.ttf') format('truetype');font-weight:normal;font-style:normal}@font-face{font-family:'DINMedium';src:url('/css/font/DINWeb-Medium.eot');src:url('/css/font/DINWeb-Medium.eot?#iefix') format('embedded-opentype'),url('/css/font/DINWeb-Medium.woff') format('woff'),url('/css/font/DINComp-Medium.ttf') format('truetype');font-weight:normal;font-style:normal}.lightFont{font-family:'DINLight',sans-serif}.mediumFont{font-family:'DINMedium',sans-serif}.darkGrayi{color:#333333 !important}.darkGray{color:#333333}.violetredi{color:#d1153d !important}.violetred{color:#d1153d}.greenyellowi{color:#81ca54 !important}.greenyellow{color:#81ca54}.bluei{color:#00a3d7 !important}.blue{color:#00a3d7}.grayi{color:#666666 !important}.gray{color:#666666}.lightGrayi{color:#999999 !important}.lightGray{color:#999999}.lightGray svg polygon{fill:#999999}.lighterGrayi{color:#CCCCCC !important}.lighterGray{color:#CCCCCC}.lighterGray svg polygon{fill:#CCCCCC}.orangei{color:#ec742c !important}.orange{color:#ec742c}.errori{color:#85001C !important}.error{color:#85001C}.successi{color:#468847 !important}.success{color:#468847}.facebookBlue{color:#3b5998}a.facebook{color:#666666 !important}a.facebook:link,a.facebook:visited{color:#666666;text-decoration:none}a.facebook:active,a.facebook:focus,a.facebook:hover{color:#3b5998 !important;text-decoration:none}a.facebook:active svg polygon,a.facebook:focus svg polygon,a.facebook:hover svg polygon{fill:#3b5998 !important}.twitterBlue{color:#26bcea}a.twitter{color:#666666 !important}a.twitter:link,a.twitter:visited{color:#666666;text-decoration:none}a.twitter:active,a.twitter:focus,a.twitter:hover{color:#26bcea !important;text-decoration:none}a.twitter:active svg polygon,a.twitter:focus svg polygon,a.twitter:hover svg polygon{fill:#26bcea !important}.bb span{background:#000000;background:rgba(0,0,0,0.5);color:#fff;line-height:inherit;display:inline-block;padding:0px 3px 0px}@-moz-document url-prefix(){.bb span{padding:4px 3px}}.highlightRed{color:#91170E}.highlightBlue{color:#00216b}.size9{font-size:9px;line-height:9px}.size10{font-size:10px;line-height:10px}.size11{font-size:11px;line-height:12px}.size11i{font-size:11px !important;line-height:12px !important}.size12{font-size:12px;line-height:12px}.size13{font-size:13px;line-height:13px}.size14{font-size:14px;line-height:14px}.size15{font-size:15px;line-height:15px}.size16{font-size:16px;line-height:16px}.size17{font-size:17px;line-height:17px}.size18{font-size:18px;line-height:18px}.size19{font-size:19px;line-height:19px}.size24{font-size:24px;line-height:24px}.size26{font-size:26px;line-height:26px}.size28{font-size:28px;line-height:28px}.size31{font-size:31px;line-height:31px}.size40{font-size:40px;line-height:40px}.size67{font-size:67px;line-height:60px}html{height:100%}body{color:#333333;font-family:'DINLight',sans-serif;font-weight:normal;font-size:15px;line-height:15px;margin:0px;font-style:normal;height:100%}p{font-size:100%;margin:0px}hr{margin:5px;border-color:#666666 -moz-use-text-color #FFFFFF}hr.center{margin:5px auto}h1,h2,h3,h4,h5,h6{text-rendering:optimizelegibility}h2{font-size:31px;line-height:40px}h3{font-size:19px;line-height:20px}h4{font-size:16px;line-height:18px}h5{font-size:15px;line-height:15px}h6{font-size:13px;line-height:13px}.titleBar h2{font-size:31px;line-height:40px;margin-top:25px}#contentGray h3,#contentWhite h3{margin-bottom:20px;font-size:19px;line-height:20px}#contentWhite h4{font-size:16px;line-height:18px;margin-bottom:13px}.contentGray h3,.contentWhite h3{font-size:19px;line-height:20px;margin-bottom:20px;text-transform:uppercase}.contentGray h4,.contentWhite h4{font-family:'DINLight',sans-serif;font-size:16px;line-height:18px;margin-bottom:15px;text-transform:uppercase}#contentGray .innerContainer div h3:nth-child(n+2){margin-top:30px}a{text-decoration:none;outline:none}a img{border:none;text-decoration:none}a.highlighted{border-bottom:1px dashed #666666;display:inline-block;zoom:1;*display:inline}a:link,a:visited{color:#666666;text-decoration:none}a:active,a:focus,a:hover{color:#00a3d7;text-decoration:none}a:active svg polygon,a:focus svg polygon,a:hover svg polygon{fill:#00a3d7}a.violetred{color:#666666 !important}a.violetred:link,a.violetred:visited{color:#666666;text-decoration:none}a.violetred:active,a.violetred:focus,a.violetred:hover{color:#d1153d !important;text-decoration:none}a.violetred:active svg polygon,a.violetred:focus svg polygon,a.violetred:hover svg polygon{fill:#d1153d !important}a.darkGray2violetred{color:#333333 !important}a.darkGray2violetred:link,a.darkGray2violetred:visited{color:#333333;text-decoration:none}a.darkGray2violetred:active,a.darkGray2violetred:focus,a.darkGray2violetred:hover{color:#d1153d !important;text-decoration:none}a.darkGray2violetred:active svg polygon,a.darkGray2violetred:focus svg polygon,a.darkGray2violetred:hover svg polygon{fill:#d1153d !important}a.gray2violetred{color:#666666 !important}a.gray2violetred:link,a.gray2violetred:visited{color:#666666;text-decoration:none}a.gray2violetred:active,a.gray2violetred:focus,a.gray2violetred:hover{color:#d1153d !important;text-decoration:none}a.gray2violetred:active svg polygon,a.gray2violetred:focus svg polygon,a.gray2violetred:hover svg polygon{fill:#d1153d !important}a.lightGray2violetred{color:#999999 !important}a.lightGray2violetred:link,a.lightGray2violetred:visited{color:#999999;text-decoration:none}a.lightGray2violetred:active,a.lightGray2violetred:focus,a.lightGray2violetred:hover{color:#d1153d !important;text-decoration:none}a.lightGray2violetred:active svg polygon,a.lightGray2violetred:focus svg polygon,a.lightGray2violetred:hover svg polygon{fill:#d1153d !important}a.gray2lighterGray{color:#666666 !important}a.gray2lighterGray:link,a.gray2lighterGray:visited{color:#666666;text-decoration:none}a.gray2lighterGray:active,a.gray2lighterGray:focus,a.gray2lighterGray:hover{color:#CCCCCC !important;text-decoration:none}a.gray2lighterGray:active svg polygon,a.gray2lighterGray:focus svg polygon,a.gray2lighterGray:hover svg polygon{fill:#CCCCCC !important}a.lighterGray2gray{color:#CCCCCC !important}a.lighterGray2gray:link,a.lighterGray2gray:visited{color:#CCCCCC;text-decoration:none}a.lighterGray2gray:active,a.lighterGray2gray:focus,a.lighterGray2gray:hover{color:#666666 !important;text-decoration:none}a.lighterGray2gray:active svg polygon,a.lighterGray2gray:focus svg polygon,a.lighterGray2gray:hover svg polygon{fill:#666666 !important}a.darkGray2blue{color:#333333 !important}a.darkGray2blue:link,a.darkGray2blue:visited{color:#333333;text-decoration:none}a.darkGray2blue:active,a.darkGray2blue:focus,a.darkGray2blue:hover{color:#00a3d7 !important;text-decoration:none}a.darkGray2blue:active svg polygon,a.darkGray2blue:focus svg polygon,a.darkGray2blue:hover svg polygon{fill:#00a3d7 !important}a.lightGray2blue{color:#999999 !important}a.lightGray2blue:link,a.lightGray2blue:visited{color:#999999;text-decoration:none}a.lightGray2blue:active,a.lightGray2blue:focus,a.lightGray2blue:hover{color:#00a3d7 !important;text-decoration:none}a.lightGray2blue:active svg polygon,a.lightGray2blue:focus svg polygon,a.lightGray2blue:hover svg polygon{fill:#00a3d7 !important}a.gray2blue{color:#666666 !important}a.gray2blue:link,a.gray2blue:visited{color:#666666;text-decoration:none}a.gray2blue:active,a.gray2blue:focus,a.gray2blue:hover{color:#00a3d7 !important;text-decoration:none}a.gray2blue:active svg polygon,a.gray2blue:focus svg polygon,a.gray2blue:hover svg polygon{fill:#00a3d7 !important}a.darkGray2greenyellow{color:#333333 !important}a.darkGray2greenyellow:link,a.darkGray2greenyellow:visited{color:#333333;text-decoration:none}a.darkGray2greenyellow:active,a.darkGray2greenyellow:focus,a.darkGray2greenyellow:hover{color:#81ca54 !important;text-decoration:none}a.darkGray2greenyellow:active svg polygon,a.darkGray2greenyellow:focus svg polygon,a.darkGray2greenyellow:hover svg polygon{fill:#81ca54 !important}a.gray2greenyellow{color:#666666 !important}a.gray2greenyellow:link,a.gray2greenyellow:visited{color:#666666;text-decoration:none}a.gray2greenyellow:active,a.gray2greenyellow:focus,a.gray2greenyellow:hover{color:#81ca54 !important;text-decoration:none}a.gray2greenyellow:active svg polygon,a.gray2greenyellow:focus svg polygon,a.gray2greenyellow:hover svg polygon{fill:#81ca54 !important}a.lightGray2greenyellow{color:#999999 !important}a.lightGray2greenyellow:link,a.lightGray2greenyellow:visited{color:#999999;text-decoration:none}a.lightGray2greenyellow:active,a.lightGray2greenyellow:focus,a.lightGray2greenyellow:hover{color:#81ca54 !important;text-decoration:none}a.lightGray2greenyellow:active svg polygon,a.lightGray2greenyellow:focus svg polygon,a.lightGray2greenyellow:hover svg polygon{fill:#81ca54 !important}.ribbon{background:url("/images/layout/ribbon-left.png") repeat-x 0px 0px;display:inline-block;height:21px;line-height:21px;padding:0 10px 0 15px;color:#fff !important;zoom:1;*display:inline}.ribbon.ribbonBlue{background-position:0px -62px}.ribbon.ribbonVioletred{background-position:0px -31px}.ribbon.ribbonGreenyellow{background-position:0px 0px}.ribbon.ribbonGray{background-position:0px -93px}.ribbon.ribbonFacebookblue{background-position:0px -124px}.ribbonBtn{position:relative;height:33px;line-height:33px;margin:0 20px;border:0;display:inline-block;text-transform:uppercase;font-weight:bold;text-align:center}.ribbonBtn.ribbonBtnBlock{display:block;font-weight:normal}.ribbonBtn::before,.ribbonBtn::after{content:' ';position:absolute;top:0;width:20px;height:33px;background-image:url("/images/layout/ribbon.png");background-repeat:no-repeat}.ribbonBtn::before{left:-20px}.ribbonBtn::after{right:-20px;background-position:-30px 0px}.ribbonBtn.ribbonBtnBlue{color:#fff !important;background-color:#00a3d7}.ribbonBtn.ribbonBtnBlue::before{background-position:0 -80px}.ribbonBtn.ribbonBtnBlue::after{background-position:-30px -80px}.ribbonBtn.ribbonBtnVioletred{color:#fff !important;background-color:#d1153d}.ribbonBtn.ribbonBtnVioletred::before{background-position:0 -40px}.ribbonBtn.ribbonBtnVioletred::after{background-position:-30px -40px}.ribbonBtn.ribbonBtnGray{color:#fff !important;background-color:#C4C4C4}.ribbonBtn.ribbonBtnGray::before{background-position:0 -120px}.ribbonBtn.ribbonBtnGray::after{background-position:-30px -120px}.ribbonBtn.ribbonBtnRed{color:#fff !important;background-color:#e40613}.ribbonBtn.ribbonBtnRed::before{background-position:0 -240px}.ribbonBtn.ribbonBtnRed::after{background-position:-30px -240px}ul.socialNetworkList{list-style:none;margin:0px !important}ul.socialNetworkList li{float:left;margin-right:10px}.socialNetwork40x40{background:url('/images/layout/social-networks-40x40.png') no-repeat;display:block;height:40px;width:40px}.socialNetwork40x40.facebook{background-position:0px 0px}.socialNetwork40x40.twitter{background-position:0px -135px}.socialNetwork40x40.googleplus{background-position:0px -45px}.socialNetwork40x40.instagram{background-position:0px -224px}@import -once "variables.less";*{padding:0px;margin:0px}html,body{height:100%}.browserInfo{margin:0.2em 0;background:#ccc;color:#000;padding:0.5em 0;text-align:center;font-size:16px;line-height:16px;display:none}.browserInfo.outdated{display:block}.topInfo{display:block;line-height:21px;padding:0 30px 0 15px;color:#fff;background-color:#00a3d7;position:relative;margin-bottom:10px}.topInfo a i{position:absolute;top:2px;right:10px;cursor:pointer;color:#fff !important}body > #wrapper{height:auto;min-height:100%}#header{padding:15px 0px 20px 0px;background:none repeat scroll 0 0 #F2F2F2}#headerBar{border:0px;width:100%;height:105px;border-spacing:0;border-collapse:collapse}.transparent90{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}.transparent70{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7}#headerBar td:first-child{padding-top:5px}#headerBar td:first-child > div{margin-top:5px}.transparent90 .filler,.transparent70 .filler{width:100%;height:100px;margin-top:0px;background-color:#fff}#headerBar .innerContainer > a{position:absolute}#headerBar #logo{width:285px;height:105px;background:url("/images/layout/schuelerpilot2.png") -115px 0px no-repeat;position:relative;text-transform:capitalize;text-indent:-9999px;font-size:normal;line-height:normal;margin:0px}#subheader{height:145px;padding:10px 0px}#content{padding-top:10px;background:#F2F2F2;background-image:none}#content > div:last-child{padding-bottom:270px}#content > form > div:last-child{padding-bottom:270px}#content .titleBar{position:relative;padding-bottom:25px}#content .titleBar > .innerContainer{height:inherit}#content ul{margin-left:16px;margin-bottom:15px}#content p a{color:#00a3d7}#content p a:link,#content p a:visited{color:#00a3d7;text-decoration:none}#content p a:active,#content p a:focus,#content p a:hover{color:#666666;text-decoration:none}#contentGray{width:100%;min-height:300px;background:url("/images/layout/shadow-bottom.gif") repeat-x bottom;padding-top:30px}#contentGray .contentLeft{float:left}#contentGray .contentRight{float:right}#contentGray p,#contentGray span,#contentGray:not(a span),#contentWhite p,#contentWhite span,#contentWhite:not(a span){color:#999999}#contentGray p,#contentWhite p,.contentOverlay p{margin-bottom:15px;line-height:20px}#contentWhite{background-color:#FFFFFF;height:auto;padding-top:0}.contentWhite{background-color:#FFFFFF;padding-bottom:35px;height:auto}.contentGray{background-color:#F2F2F2;padding-bottom:35px;height:auto}.contentGray.spacer .innerContainer,.contentWhite.spacer .innerContainer{background:url('/images/layout/horizontal-spacer-dashed.gif') repeat-x}.contentGray .innerContainer,.contentWhite .innerContainer{padding-top:20px}.innerContainer{width:944px;margin:0 auto;min-width:200px;position:relative}#content .innerContainer,#headerBar .innerContainer{width:944px}.divider{width:944px;border-top:2px solid #dfdfdf;margin:0px auto;height:17px;position:relative;margin-bottom:35px}.divider .dividerTip{position:relative;top:-2px;width:31px;height:17px;background:url('/images/layout/gray-tip.jpg') no-repeat;display:block;margin:0px auto}.spacerBox{padding-top:25px;width:inherit;background:url('/images/layout/horizontal-spacer-down.gif') 50% 0px no-repeat}.horizontalSpacerUp{width:inherit;padding-top:6px;height:14px;background:url('/images/layout/horizontal-spacer-up.gif') 50% bottom no-repeat}#breadcrumb{color:#999999;font-size:9pt;margin-top:10px;text-transform:uppercase}#breadcrumb span{font-weight:bold}#breadcrumb ul{display:inline;margin-bottom:0px}#breadcrumb li{display:inline}#breadcrumb li > .divider{color:#CCCCCC;padding:0 5px;border:0px;height:auto;margin:0px;position:static;width:auto}.blocker{z-index:9999;position:absolute;top:0;bottom:0;left:0;width:100%}.overlay{z-index:9999;position:absolute;top:0;bottom:0;left:0;width:100%;background:#F2F2F2;opacity:0.75;-moz-opacity:0.75;filter:alpha(opacity=75)}#contentWhite .overlay,.contentWhite .overlay{background:#FFF}#foo{margin-top:215px}a#calc:hover,a#plan:hover{background:url("../images/test.jpg") no-repeat scroll 50px 40px transparent}#footer{background-color:#FFFFFF;clear:both;height:180px;margin-top:-200px;position:relative;z-index:10}#footer #copyright{background-color:#cccccc;height:40px;margin-top:20px}#footer #copyright .shareUs{position:absolute;top:-40px}#footer #copyright .shareUs img{width:30px}#footer #copyright div.facebook,#footer #copyright div.twitter,#footer #copyright div.tumblr,#footer #copyright div.google,#footer #copyright div.instagram{float:left;width:70px;height:32px;overflow:hidden;position:relative;padding-left:35px;padding-top:25px;cursor:pointer}#footer #copyright div.facebook img,#footer #copyright div.twitter img,#footer #copyright div.tumblr img,#footer #copyright div.google img,#footer #copyright div.instagram img{position:absolute;left:0px}#footer #copyright div.facebook p,#footer #copyright div.twitter p,#footer #copyright div.tumblr p,#footer #copyright div.google p,#footer #copyright div.instagram p{font-size:12px;line-height:21px;margin-top:-3px}#footer #copyright div.facebook p:last-child,#footer #copyright div.twitter p:last-child,#footer #copyright div.tumblr p:last-child,#footer #copyright div.google p:last-child,#footer #copyright div.instagram p:last-child{color:inherit;font-family:'DINMedium',sans-serif}#footer #copyright .facebook p{color:#3c5a98}#footer #copyright .twitter p{color:#04adec}#footer #quicklinks{background-color:#333333;height:165px}#footer #quicklinks > div{padding-top:25px}#footer #quicklinks h5{margin-bottom:10px;color:#999999;font-size:14px;line-height:14px}#footer #quicklinks h5 + ul{margin-top:0px}#footer #quicklinks div.floatLeft{margin-left:75px}#footer #quicklinks div.floatLeft:first-child{margin-left:0px}#footer #quicklinks .spacer{float:left;border-left:1px solid #666666;height:50px;width:1px;margin:25px 0 0 50px}#footer #quicklinks .spacer + div{margin-left:50px}#footer #quicklinks ul{margin-top:25px}#footer #quicklinks ul li{list-style:none;font-size:9pt;color:#666666;line-height:17px}#ssl-icon{font-size:12px;line-height:12px;float:left;margin:30px 20px 0 0px}#ssl-icon a{display:block}#ssl-icon a:hover{color:#d1153d}#ssl-icon:hover a{color:#d1153d}#ssl-icon:hover svg path{fill:#d1153d}#eco-icon{font-size:12px;line-height:12px;float:left;margin:30px 10px 0 0px}#eco-icon a{display:block}#eco-icon a:hover{color:#00a3d7}#eco-icon:hover a{color:#00a3d7}#eco-icon:hover svg path{fill:#00a3d7}@import -once "variables.less";.lt-ie9 #headerBar .innerContainer > a,.lt-ie8 #headerBar .innerContainer > a,.lt-ie7 #headerBar .innerContainer > a{left:0px;top:5px}.no-boxshadow .subnavigation{border-bottom:1px solid #CCCCCC;border-right:1px solid #CCCCCC;border-left:1px solid #CCCCCC}.no-rgba .subnavigation > div{background:url("/images/layout/transparent-black-50.png")}@import -once "variables.less";#header .navigationItem{background:url("/images/layout/navigation-spacer-gray.png") no-repeat scroll 0 0 transparent}#header #navigationBar{width:659px;margin-left:285px;height:100px;position:relative;background:#fafafa;background:rgba(255,255,255,0.7)}#navigationBar #navigation{height:100px;padding-top:0px;padding-left:10px;margin:0px;width:414px}#navigationBar #navigation .active > a{color:#00a3d7}#navigationBar #navigation > li{list-style:none;float:left;color:#666666;padding:0 15px;height:100px}#navigationBar #navigation > li > a{color:#666666;display:block;line-height:15px;padding:37px 0 33px;text-align:center;height:30px}#navigationBar #navigation > li > a:hover{color:#00a3d7}#navigationBar #navigation > li > span{display:block;line-height:15px;padding:43px 0}#header .navigationItem{background:url('/images/layout/navigation-spacer-gray.png') no-repeat;padding-left:100px;width:135px;height:55px;float:right;padding-top:45px}#header #loginModal div:nth-child(2){margin-bottom:0px}#header #loginModal p{margin-top:10px}.subnavigation{display:none;position:absolute;left:-187px;z-index:9999;top:100px;width:886px;height:200px}.subnavigation{box-shadow:0 3px 3px 0px rgba(0,0,0,0.16)}.subnavigation a.home{width:89px;height:200px;float:left;background:url('/images/layout/home.png') no-repeat;cursor:pointer;display:block}.subnavigation .row-fluid{width:797px}.subnavigation > div{background:#f2f2f2;background:rgba(242,242,242,0.94);margin-left:89px}.subnavigation .row-fluid > div{margin-top:20px}.subnavigation ul{list-style:none}.subnavigation div > ul > li{margin-bottom:8px}.subnavigation ul > li > a,.subnavigation ul > li > span{margin-bottom:2px;border-bottom:1px dashed #666666;font-weight:bold;line-height:30px;color:#666666}.subnavigation ul > li > a:link,.subnavigation ul > li > a:visited{color:#666666}.subnavigation ul > li > a:hover{color:#00a3d7}.subnavigation ul > li > ul > li > a{text-transform:none;font-weight:normal;line-height:normal;border:0px}@font-face{font-family:'FontAwesome';src:url('/css/font/fontawesome-webfont.eot?v=3.2.0');src:url('/css/font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'),url('/css/font/fontawesome-webfont.woff?v=3.2.0') format('woff'),url('/css/font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'),url('/css/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.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