Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • RENEHESSE.DE used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of RENEHESSE.DE are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • RENEHESSE.DE includes "http://renehesse.de/wp-content/cache/autoptimize/css/autoptimize_eb49b9dceac272ae0c18664376d1f354.css" to use Font Awesome and information from CSS is like below.
  • /**/}#lightboxIframe{display:none}html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{border:0;font-family:inherit;font-size:100%;font-style:inherit;font-weight:inherit;margin:0;outline:0;padding:0;vertical-align:baseline}html{font-size:62.5%;overflow-y:scroll;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}article,aside,details,figcaption,figure,footer,header,main,nav,section{display:block}ol,ul{list-style:none}table{border-collapse:separate;border-spacing:0}caption,th,td{font-weight:normal;text-align:left}blockquote{font-style:italic;margin:20px 0;padding:.25em 25px .25em 50px;line-height:1.65;position:relative;color:#666}blockquote:before{display:block;content:"\201C";font-size:6em;position:absolute;left:-30px;top:-35px;color:#666;font-weight:normal;font-family:Georgia,serif,Helvetica,Arial}a:focus{outline:thin dotted}a:hover,a:active{outline:0}a img{border:0}.socialembed{text-align:center;margin-bottom:10px}body,button,input,select,textarea{color:#303538;font-family:Georgia,serif;font-size:20px;line-height:1.6em}h1,h2,h3,h4,h5,h6{clear:both;line-height:1.4;margin-top:0;font-family:Arial,Helvetica,sans-serif;font-weight:700}.page-title{margin-top:25px}body{background:#fff}.container{width:85%;max-width:700px;margin:auto}.site-header{background:#303538;color:#fff}#caption{display:none !important}h1{font-size:3.5rem}h2{font-size:3rem}h3{font-size:2.5rem}h4{font-size:2.3rem}h5{font-size:2.1rem}h6{font-size:1.9rem}.post h1,h2,h3,h4,h5,h6{margin:15px 0}.site-title a,.entry-title a{text-decoration:none}.site-title{font-size:5.5rem;line-height:2em;margin-top:-25px;margin-bottom:0}.site-description{font-size:2rem;line-height:2em;margin-bottom:35px;font-weight:300;color:#ccc;margin-top:0}.header-image{display:block;margin-left:auto;margin-right:auto;margin-top:20px;margin-bottom:20px;min-width:100px;max-width:256px;height:auto}.site-title a,.site-title a:visited,.site-title a:hover,.site-title a:focus,.site-title a:active{color:#fff}.entry-meta{color:#9eabb3;margin-top:10px;margin-bottom:10px;font-size:1.5rem;font-family:Arial,Helvetica,sans-serif}.entry-meta a,.entry-meta a:visited,.entry-meta a:focus,.entry-meta a:active{text-decoration:none;color:#9eabb3}.entry-meta a:hover{text-decoration:underline;color:#9eabb3}.entry-header{margin-top:40px}.entry-summary{position:relative;margin-bottom:6rem;padding-bottom:2rem;border-bottom:#ebf2f6 1px solid}.entry-summary:after{display:block;content:"";width:7px;height:7px;border:#e7eef2 1px solid;position:absolute;bottom:-5px;left:50%;margin-left:-5px;background:#fff;-webkit-border-radius:100%;-moz-border-radius:100%;border-radius:100%;box-shadow:#fff 0 0 0 5px}.displaynone{display:none}hr{background-color:#ccc;border:0;height:1px;margin-bottom:1.5em}p{margin-bottom:1.5em}ul,ol{margin:0 0 1.5em 3em}ul{list-style:disc}ol{list-style:decimal}li>ul,li>ol{margin-bottom:0;margin-left:1.5em}dt{font-weight:bold}dd{margin:0 1.5em 1.5em}b,strong{font-weight:bold}dfn,cite,em,i{font-style:italic}blockquote{margin:0 1.5em}address{margin:0 0 1.5em}pre{background:#eee;font-family:"Courier 10 Pitch",Courier,monospace;font-size:15px;font-size:1.5rem;line-height:1.6;margin-bottom:1.6em;max-width:100%;overflow:auto;padding:1.6em}code,kbd,tt,var{font:15px Monaco,Consolas,"Andale Mono","DejaVu Sans Mono",monospace}abbr,acronym{border-bottom:1px dotted #666;cursor:help}mark,ins{background:#fff9c0;text-decoration:none}sup,sub{font-size:75%;height:0;line-height:0;position:relative;vertical-align:baseline}sup{bottom:1ex}sub{top:.5ex}small{font-size:75%}big{font-size:125%}figure{margin:0}table{margin:0 0 1.5em;width:100%}th{font-weight:bold}img{height:auto;max-width:100%}button,input,select,textarea{font-size:100%;margin:0;vertical-align:baseline;*vertical-align:middle;}button,input{line-height:normal}button,input[type="button"],input[type="reset"],input[type="submit"]{border:1px solid #ccc;border-color:#ccc #ccc #bbb #ccc;border-radius:3px;background:#e6e6e6;box-shadow:inset 0 1px 0 rgba(255,255,255,.5),inset 0 15px 17px rgba(255,255,255,.5),inset 0 -5px 12px rgba(0,0,0,.05);color:rgba(0,0,0,.8);cursor:pointer;-webkit-appearance:button;font-size:12px;font-size:1.2rem;line-height:1;padding:.6em 1em .4em;text-shadow:0 1px 0 rgba(255,255,255,.8)}button:hover,input[type="button"]:hover,input[type="reset"]:hover,input[type="submit"]:hover{border-color:#ccc #bbb #aaa #bbb;box-shadow:inset 0 1px 0 rgba(255,255,255,.8),inset 0 15px 17px rgba(255,255,255,.8),inset 0 -5px 12px rgba(0,0,0,.02)}button:focus,input[type="button"]:focus,input[type="reset"]:focus,input[type="submit"]:focus,button:active,input[type="button"]:active,input[type="reset"]:active,input[type="submit"]:active{border-color:#aaa #bbb #bbb #bbb;box-shadow:inset 0 -1px 0 rgba(255,255,255,.5),inset 0 2px 5px rgba(0,0,0,.15)}input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}input[type="search"]{-webkit-appearance:textfield;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"],textarea{color:#666;border:1px solid #ccc;border-radius:3px}input[type="text"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="password"]:focus,input[type="search"]:focus,textarea:focus{color:#111}input[type="text"],input[type="email"],input[type="url"],input[type="password"],input[type="search"]{padding:3px}textarea{overflow:auto;padding-left:3px;vertical-align:top;width:98%}a{color:#4a4a4a}a:visited{color:#4a4a4a}a:hover,a:focus,a:active{color:#57a3e8}.alignleft{display:inline;float:left;margin-right:1.5em}.alignright{display:inline;float:right;margin-left:1.5em}.aligncenter{clear:both;display:block;margin:0 auto}.text-center{text-align:center}.screen-reader-text{clip:rect(1px,1px,1px,1px);position:absolute !important}.screen-reader-text:hover,.screen-reader-text:active,.screen-reader-text:focus{background-color:#f1f1f1;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto !important;color:#21759b;display:block;font-size:14px;font-weight:bold;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}.clear:before,.clear:after,.entry-content:before,.entry-content:after,.comment-content:before,.comment-content:after,.site-header:before,.site-header:after,.site-content:before,.site-content:after,.site-footer:before,.site-footer:after{content:'';display:table}.clear:after,.entry-content:after,.comment-content:after,.site-header:after,.site-content:after,.site-footer:after{clear:both}.main-navigation{display:inline-block}.main-navigation ul{list-style:none;margin:0;padding-left:0}.main-navigation li{float:left;position:relative;margin:10px}.main-navigation a{display:block;text-decoration:none}.main-navigation ul ul{box-shadow:0 0 3px rgba(0,0,0,.2);background-color:#fff;display:none;float:left;left:0;position:absolute;bottom:1.5em;z-index:99999}.main-navigation ul ul ul{left:90%;bottom:0}.main-navigation ul ul a{width:200px}.main-navigation ul ul :hover>a{color:#666}.main-navigation ul li:hover>ul{display:block}.sticky header{border-left:3px #ebf2f6 solid;padding-left:10px}.hentry{margin:0 0 1.5em}.byline,.updated{display:none}.single .byline,.group-blog .byline{display:inline}.page-content,.entry-content,.entry-summary{margin:1.5em 0 0}.page-links{clear:both;margin:0 0 1.5em}.blog .format-aside .entry-title,.archive .format-aside .entry-title{display:none}.page-content img.wp-smiley,.entry-content img.wp-smiley,.comment-content img.wp-smiley{border:0;margin-bottom:0;margin-top:0;padding:0}.wp-caption{max-width:100% !important;text-align:center;margin-bottom:13px}.wp-caption img{margin:0;padding:0;border:0 none;max-width:100%}.wp-caption p.wp-caption-text{font-size:1.4rem;line-height:20px;padding:4px 0;margin-top:-7px;background-color:#f8f8f8;color:#666}.site-main .gallery{margin-bottom:1.5em}.site-main .gallery a img{border:0;height:auto;max-width:90%}.site-main .gallery dd{margin:0}embed,iframe,object{max-width:100%}.site-main [class*="navigation"]{margin:auto;font-family:Arial,Helvetica,sans-serif;font-size:1.8rem;color:#9eabb3;text-align:center}[class*="navigation"] .nav-previous{position:relative;display:inline-block;float:left}[class*="navigation"] .nav-next{position:relative;display:inline-block;float:right}[class*="navigation"] .nav-previous a,[class*="navigation"] .nav-next a{padding:5px 15px;border:#ebf2f6 2px solid;text-decoration:none;border-radius:30px;transition:border ease .3s}.nav-links a{display:inline-block;padding:5px 15px;border:#ebf2f6 2px solid;text-decoration:none;border-radius:30px;transition:border ease .3s;margin-top:50px;float:left}.nav-links a:last-child{display:inline-block;padding:5px 15px;border:#ebf2f6 2px solid;text-decoration:none;border-radius:30px;transition:border ease .3s;margin-top:30px;margin-bottom:50px;float:right}.comment-list,.comment-list .children{list-style-type:none;padding:0}.comment{border-top:#ebf2f6 1px solid;font-family:Arial,Helvetica,sans-serif;padding-top:24px}.comment-content{font-family:Georgia,serif}.comments-title{font-weight:300}.comment-author{font-size:1.6rem}.comment-author img.avatar{margin-right:6px}.comment-metadata{font-size:1.4rem;color:#a2a2a2}.comment-metadata a{color:#a2a2a2;text-decoration:none}ol.comment-list{list-style:none;margin:1.5em 1.5em 0 0}li.comment{margin-bottom:2em}.comment-content{margin-left:1.5em}.comment-content a{word-wrap:break-word}.comment-body .reply{font-size:1.6rem}.widget{margin:0 0 1.5em}.widget select{max-width:100%}.widget_search .search-submit{display:none}.site-footer{position:relative;margin:6rem 0 0 0;padding:4rem 0;border-top:#ebf2f6 1px solid;font-family:Arial,Helvetica,sans-serif;font-size:1.3rem;line-height:1.7em;color:#bbc7cc;text-align:center;background:#f7fafb}.site-footer a{color:#bbc7cc;text-decoration:none}.back-to-top{width:28px;height:28px;position:absolute;top:-14px;left:50%;margin-left:-15px;border:#ebf2f6 1px solid;text-align:center;line-height:2.6rem;border-radius:50px;background:#fff;transition:box-shadow .5s;text-decoration:none}.widget-area{clear:both;margin:8rem 0 0 0}.infinite-scroll .paging-navigation,.infinite-scroll.neverending .site-footer{display:none}.infinity-end.neverending .site-footer{display:block}@media only screen and (max-width:900px){body,button,input,select,textarea{font-size:1.8rem}.site-title{font-size:4rem;letter-spacing:-1px}.site-description{font-size:2rem;line-height:1.5em}.entry-meta{font-size:1.5rem}h1{font-size:3.2rem;line-height:1.3em;letter-spacing:-1px}h2{font-size:2.2rem}h3{font-size:2rem}h4{font-size:1.8rem}}@media only screen and (max-width:500px){body,button,input,select,textarea{font-size:1.7rem}.container{width:auto;margin-left:16px;margin-right:16px}.site-title{font-size:3rem}.site-description{font-size:1.8rem}.entry-meta{font-size:1.4rem}h1{font-size:3rem;line-height:1.2em;letter-spacing:-1px}h2{font-size:2.2rem}h3{font-size:2rem}h4{font-size:1.8rem}}div.quelle{text-align:right;font-size:1.5rem;text-transform:uppercase;margin-bottom:10px;text-decoration:none}div.quelle a{color:#666;background-color:#f8f8f8;padding:2px;text-decoration:none !important}div.quelle a:hover{background-color:#fff}body.home div.quelle{display:none !important}.jp-relatedposts-post{max-width:99%}.jp-relatedposts-post-title,.jp-relatedposts-headline{font-size:1.7rem !important;padding-top:6px !important;max-width:100%}.jp-relatedposts-post-excerpt{display:none}.socialembed{display:none}#jp-carousel-comment-form-container,div.jp-carousel-buttons a.jp-carousel-commentlink,#jp-carousel-comments-loading{display:none !important}.jp-carousel-buttons{padding:0 !important}.vidembed{text-align:center;font-size:11px;line-height:15px;color:#bbb;position:relative;padding-bottom:61.00%;height:0;margin-bottom:20px}.vidembed iframe,.vidembed object,.vidembed embed{position:absolute;top:0;left:0;width:100%;height:100%}img#wpstats{display:none}.dag_spoiler{margin:1em 0}.dag_spoiler h2.dag_spoiler_header{background:#303538;color:#fff;cursor:pointer;font-size:1.2em;line-height:1.2em;margin:0;padding:.33em;font-weight:600}.dag_spoiler div.dag_spoiler_content{border:1px solid #303538;padding:1em;display:none}.dag_spoiler_help_text{font-size:.67em;color:#999;white-space:nowrap}@import url(//renehesse.de/wp-content/plugins/forget-about-shortcode-buttons/assets/css/../../../../../wp-includes/css/dashicons.min.css);a.fasc-button{display:inline-block;color:#fff;text-decoration:none;margin:3px 0}a.fasc-button:hover{text-decoration:none}a.fasc-button.fasc-ico:before,a.fasc-button.fasc-ico-before:before{vertical-align:middle;display:inline-block;-webkit-font-smoothing:antialiased;margin-top:-2px}a.fasc-size-xsmall.fasc-ico:before,a.fasc-size-xsmall.fasc-ico-before:before{font:400 12px/1 dashicons;padding-right:4px}a.fasc-size-small.fasc-ico:before,a.fasc-size-small.fasc-ico-before:before{font:400 14px/1 dashicons;padding-right:4px}a.fasc-size-medium.fasc-ico:before,a.fasc-size-medium.fasc-ico-before:before{font:400 16px/1 dashicons;padding-right:5px}a.fasc-size-large.fasc-ico:before,a.fasc-size-large.fasc-ico-before:before{font:400 20px/1 dashicons;padding-right:6px;line-height:22px}a.fasc-size-xlarge.fasc-ico:before,a.fasc-size-xlarge.fasc-ico-before:before{font:400 28px/1 dashicons;padding-right:6px;line-height:22px}a.fasc-button.ico-fa.fasc-ico-before:before{vertical-align:middle;display:inline-block;font:400 12px/1 FontAwesome;-webkit-font-smoothing:antialiased;padding-top:0;padding-left:1px}a.fasc-size-xsmall.ico-fa.fasc-ico-before:before{font:400 11px/1 FontAwesome;padding-right:6px}a.fasc-size-small.ico-fa.fasc-ico-before:before{font:400 13px/1 FontAwesome;padding-right:7px}a.fasc-size-medium.ico-fa.fasc-ico-before:before{font:400 15px/1 FontAwesome;padding-right:8px}a.fasc-size-large.ico-fa.fasc-ico-before:before{font:400 19px/1 FontAwesome;padding-right:9px;line-height:22px}a.fasc-size-xlarge.ico-fa.fasc-ico-before:before{font:400 28px/1 FontAwesome;padding-right:9px;line-height:22px}.fasc-size-xsmall{font-size:10px;padding:5px 7px;border:0}.fasc-size-small{font-size:12px;padding:6px 8px;border:0}.fasc-size-medium{font-size:14px;padding:7px 9px;font-size:14px;border:0}.fasc-size-large{font-size:18px;padding:8px 10px;border:0}.fasc-size-xlarge{font-size:24px;padding:11px 13px;border:0}.fasc-type-flat:hover{background-image:-webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.1));background-image:-o-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.1));background-image:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.1))}.fasc-type-glossy{background-color:#247edd;border:1px solid rgba(0,0,0,.1);background-image:-webkit-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0) 50%,rgba(0,0,0,.12) 51%,rgba(0,0,0,.04));background-image:-moz-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0) 50%,rgba(0,0,0,.12) 51%,rgba(0,0,0,.04));background-image:-o-linear-gradient(top,rgba(255,255,255,.3),rgba(255,255,255,0) 50%,rgba(0,0,0,.12) 51%,rgba(0,0,0,.04));background-image:linear-gradient(to bottom,rgba(255,255,255,.3),rgba(255,255,255,0) 50%,rgba(0,0,0,.12) 51%,rgba(0,0,0,.04))}.fasc-type-glossy:hover{background-image:-webkit-linear-gradient(top,rgba(0,0,0,.1),0(0,0,0,0) 50%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0) 50%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.1));background-image:-o-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,0) 50%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.1));background-image:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,0) 50%,rgba(0,0,0,.1) 51%,rgba(0,0,0,.1))}.fasc-type-popout.fasc-size-xlarge{-webkit-box-shadow:7px 7px 0 #777;-moz-box-shadow:7px 7px 0 #777;box-shadow:7px 7px 0 #777}.fasc-type-popout.fasc-size-large{-webkit-box-shadow:6px 6px 0 #777;-moz-box-shadow:6px 6px 0 #777;box-shadow:6px 6px 0 #777}.fasc-type-popout.fasc-size-medium{-webkit-box-shadow:5px 5px 0 #777;-moz-box-shadow:5px 5px 0 #777;box-shadow:5px 5px 0 #777}.fasc-type-popout.fasc-size-small{-webkit-box-shadow:4px 4px 0 #777;-moz-box-shadow:4px 4px 0 #777;box-shadow:4px 4px 0 #777}.fasc-type-popout.fasc-size-xsmall{-webkit-box-shadow:3px 3px 0 #777;-moz-box-shadow:3px 3px 0 #777;box-shadow:3px 3px 0 #777}.fasc-type-popout.fasc-size-xlarge:hover{-webkit-box-shadow:5px 5px 0 #777;-moz-box-shadow:5px 5px 0 #777;box-shadow:5px 5px 0 #777}.fasc-type-popout.fasc-size-large:hover{-webkit-box-shadow:4px 4px 0 #777;-moz-box-shadow:4px 4px 0 #777;box-shadow:4px 4px 0 #777}.fasc-type-popout.fasc-size-medium:hover{-webkit-box-shadow:3px 3px 0 #777;-moz-box-shadow:3px 3px 0 #777;box-shadow:3px 3px 0 #777}.fasc-type-popout.fasc-size-small:hover{-webkit-box-shadow:3px 3px 0 #777;-moz-box-shadow:3px 3px 0 #777;box-shadow:3px 3px 0 #777}.fasc-type-popout.fasc-size-xsmall:hover{-webkit-box-shadow:2px 2px 0 #777;-moz-box-shadow:2px 2px 0 #777;box-shadow:2px 2px 0 #777}.fasc-type-popout:hover{background-image:-webkit-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.1));background-image:-moz-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.1));background-image:-o-linear-gradient(top,rgba(0,0,0,.1),rgba(0,0,0,.1));background-image:linear-gradient(to bottom,rgba(0,0,0,.1),rgba(0,0,0,.1))}a.fasc-button.rounded.fasc-size-xlarge,.fasc-rounded-medium.fasc-size-xlarge{border-radius:15px}a.fasc-button.rounded.fasc-size-large,.fasc-rounded-medium.fasc-size-large{border-radius:10px}a.fasc-button.rounded.fasc-size-medium,.fasc-rounded-medium.fasc-size-medium{border-radius:9px}a.fasc-button.rounded.fasc-size-small,.fasc-rounded-medium.fasc-size-small{border-radius:8px}a.fasc-button.rounded.fasc-size-xsmall,.fasc-rounded-medium.fasc-size-xsmall{border-radius:7px}
    /*!
     *  Font Awesome 4.0.3 by @davegandy - http://fontawesome.io - @fontawesome
     *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
     */

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