Font Awesome icon usage statistics

  • 5 types of Font Awesome iconic font are used and found 6 times in total.
  • TEKNOJURNAL.COM used 1.2 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of TEKNOJURNAL.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • TEKNOJURNAL.COM includes "http://teknojurnal.com/wp-content/themes/dw-argo/css/template.css?8fff27" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'NovecentowideUltraLightBold';src:url('../fonts/Novecentowide-Medium-webfont.eot');src:url('../fonts/Novecentowide-Medium-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Novecentowide-Medium-webfont.woff') format('woff'),url('../fonts/Novecentowide-Medium-webfont.ttf') format('truetype'),url('../fonts/Novecentowide-Medium-webfont.svg#NovecentowideUltraLightBold') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'NovecentowideBookBold';src:url('../fonts/Novecentowide-Bold-webfont.eot');src:url('../fonts/Novecentowide-Bold-webfont.eot?#iefix') format('embedded-opentype'),url('../fonts/Novecentowide-Bold-webfont.woff') format('woff'),url('../fonts/Novecentowide-Bold-webfont.ttf') format('truetype'),url('../fonts/Novecentowide-Bold-webfont.svg#NovecentowideBookBold') format('svg');font-weight:normal;font-style:normal;}.clearfix{*zoom:1;}.clearfix:before,.clearfix:after{display:table;content:"";line-height:0;}.clearfix:after{clear:both;}.hide-text{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0;}.input-block-level{display:block;width:100%;min-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}article,aside,details,figcaption,figure,footer,header,hgroup,nav,section{display:block;}audio,canvas,video{display:inline-block;*display:inline;*zoom:1;}audio:not([controls]){display:none;}html{font-size:100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;}a:focus{outline:thin dotted #333;outline:5px auto -webkit-focus-ring-color;outline-offset:-2px;}a:hover,a:active{outline:0;}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline;}sup{top:-0.5em;}sub{bottom:-0.25em;}img{max-width:100%;width:auto\9;height:auto;vertical-align:middle;border:0;-ms-interpolation-mode:bicubic;}#map_canvas img,.google-maps img{max-width:none;}button,input,select,textarea{margin:0;font-size:100%;vertical-align:middle;}button,input{*overflow:visible;line-height:normal;}button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer;}label,select,button,input[type="button"],input[type="reset"],input[type="submit"],input[type="radio"],input[type="checkbox"]{cursor:pointer;}input[type="search"]{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;-webkit-appearance:textfield;}input[type="search"]::-webkit-search-decoration,input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}textarea{overflow:auto;vertical-align:top;}@media print {*{text-shadow:none!important;color:#000!important;background:transparent!important;box-shadow:none!important;}a,a:visited{text-decoration:underline;}a[href]:after{content:" (" attr(href) ")";}abbr[title]:after{content:" (" attr(title) ")";}.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after{content:"";}pre,blockquote{border:1px solid #999;page-break-inside:avoid;}thead{display:table-header-group;}tr,img{page-break-inside:avoid;}img{max-width:100%!important;}@page{margin:0.5cm;}p,h2,h3{orphans:3;widows:3;}h2,h3{page-break-after:avoid;}}body{margin:0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:16px;line-height:24px;color:#555555;background-color:#ffffff;}a{color:#2980b9;text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s;}a:hover,a:focus{color:#ff4629;}a:hover,a:focus,a:active{outline:none;}.img-rounded{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;}.img-polaroid{padding:4px;background-color:#fff;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.2);-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);box-shadow:0 1px 3px rgba(0,0,0,0.1);}.img-circle{-webkit-border-radius:500px;-moz-border-radius:500px;border-radius:500px;}.row-fluid{width:100%;*zoom:1;}.row-fluid:before,.row-fluid:after{display:table;content:"";line-height:0;}.row-fluid:after{clear:both;}.row-fluid [class*="span"]{display:block;width:100%;min-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;float:left;margin-left:2.3255813953488373%;*margin-left:2.2868217054263567%;}.row-fluid [class*="span"]:first-child{margin-left:0;}.row-fluid .controls-row [class*="span"]+[class*="span"]{margin-left:2.3255813953488373%;}.row-fluid .span12{width:100%;*width:99.96124031007751%;}.row-fluid .span11{width:91.47286821705427%;*width:91.43410852713178%;}.row-fluid .span10{width:82.94573643410854%;*width:82.90697674418605%;}.row-fluid .span9{width:74.4186046511628%;*width:74.37984496124031%;}.row-fluid .span8{width:65.89147286821705%;*width:65.85271317829456%;}.row-fluid .span7{width:57.36434108527132%;*width:57.32558139534884%;}.row-fluid .span6{width:48.83720930232558%;*width:48.798449612403104%;}.row-fluid .span5{width:40.310077519379846%;*width:40.27131782945737%;}.row-fluid .span4{width:31.782945736434108%;*width:31.74418604651163%;}.row-fluid .span3{width:23.255813953488374%;*width:23.217054263565895%;}.row-fluid .span2{width:14.728682170542637%;*width:14.689922480620156%;}.row-fluid .span1{width:6.2015503875969%;*width:6.162790697674419%;}.row-fluid .offset12{margin-left:104.65116279069767%;*margin-left:104.5736434108527%;}.row-fluid .offset12:first-child{margin-left:102.32558139534883%;*margin-left:102.24806201550386%;}.row-fluid .offset11{margin-left:96.12403100775194%;*margin-left:96.04651162790697%;}.row-fluid .offset11:first-child{margin-left:93.7984496124031%;*margin-left:93.72093023255813%;}.row-fluid .offset10{margin-left:87.59689922480621%;*margin-left:87.51937984496124%;}.row-fluid .offset10:first-child{margin-left:85.27131782945737%;*margin-left:85.1937984496124%;}.row-fluid .offset9{margin-left:79.06976744186046%;*margin-left:78.99224806201549%;}.row-fluid .offset9:first-child{margin-left:76.74418604651163%;*margin-left:76.66666666666666%;}.row-fluid .offset8{margin-left:70.54263565891472%;*margin-left:70.46511627906975%;}.row-fluid .offset8:first-child{margin-left:68.21705426356588%;*margin-left:68.13953488372091%;}.row-fluid .offset7{margin-left:62.015503875968996%;*margin-left:61.93798449612404%;}.row-fluid .offset7:first-child{margin-left:59.689922480620154%;*margin-left:59.6124031007752%;}.row-fluid .offset6{margin-left:53.48837209302326%;*margin-left:53.4108527131783%;}.row-fluid .offset6:first-child{margin-left:51.16279069767442%;*margin-left:51.08527131782946%;}.row-fluid .offset5{margin-left:44.96124031007752%;*margin-left:44.88372093023256%;}.row-fluid .offset5:first-child{margin-left:42.63565891472868%;*margin-left:42.55813953488372%;}.row-fluid .offset4{margin-left:36.434108527131784%;*margin-left:36.356589147286826%;}.row-fluid .offset4:first-child{margin-left:34.10852713178294%;*margin-left:34.031007751937985%;}.row-fluid .offset3{margin-left:27.90697674418605%;*margin-left:27.829457364341092%;}.row-fluid .offset3:first-child{margin-left:25.581395348837212%;*margin-left:25.503875968992254%;}.row-fluid .offset2{margin-left:19.379844961240313%;*margin-left:19.30232558139535%;}.row-fluid .offset2:first-child{margin-left:17.054263565891475%;*margin-left:16.976744186046513%;}.row-fluid .offset1{margin-left:10.852713178294575%;*margin-left:10.775193798449612%;}.row-fluid .offset1:first-child{margin-left:8.527131782945737%;*margin-left:8.449612403100776%;}[class*="span"].hide,.row-fluid [class*="span"].hide{display:none;}[class*="span"].pull-right,.row-fluid [class*="span"].pull-right{float:right;}p{margin:0 0 12px;}.lead{margin-bottom:24px;font-size:24px;font-weight:200;line-height:36px;}small{font-size:85%;}strong{font-weight:bold;}em{font-style:italic;}cite{font-style:normal;}.muted{color:#aaaaaa;}a.muted:hover,a.muted:focus{color:#919191;}.text-warning{color:#ffa82c;}a.text-warning:hover,a.text-warning:focus{color:#f89200;}.text-error{color:#e74c3c;}a.text-error:hover,a.text-error:focus{color:#d62c1a;}.text-info{color:#3498db;}a.text-info:hover,a.text-info:focus{color:#217dbb;}.text-success{color:#2ecc71;}a.text-success:hover,a.text-success:focus{color:#25a25a;}.text-left{text-align:left;}.text-right{text-align:right;}.text-center{text-align:center;}h1,h2,h3,h4,h5,h6{margin:12px 0;font-family:'Roboto Slab',serif;font-weight:normal;line-height:24px;color:#2c3e50;text-rendering:optimizelegibility;}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#aaaaaa;}h1,h2,h3{line-height:48px;}h1{font-size:44px;}h2{font-size:36px;}h3{font-size:28px;}h4{font-size:20px;}h5{font-size:16px;}h6{font-size:13.6px;}h1 small{font-size:28px;}h2 small{font-size:20px;}h3 small{font-size:16px;}h4 small{font-size:16px;}ul,ol{padding:0;margin:0 0 12px 25px;}ul ul,ul ol,ol ol,ol ul{margin-bottom:0;}li{line-height:24px;}ul.unstyled,ol.unstyled{margin-left:0;list-style:none;}ul.inline,ol.inline{margin-left:0;list-style:none;}ul.inline>li,ol.inline>li{display:inline-block;*display:inline;*zoom:1;padding-left:5px;padding-right:5px;}dl{margin-bottom:24px;}dt,dd{line-height:24px;}dt{font-weight:bold;}dd{margin-left:12px;}.dl-horizontal{*zoom:1;}.dl-horizontal:before,.dl-horizontal:after{display:table;content:"";line-height:0;}.dl-horizontal:after{clear:both;}.dl-horizontal dt{float:left;width:160px;clear:left;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.dl-horizontal dd{margin-left:180px;}hr{margin:20px 0;border:0;border-top:1px solid #e5e5e5;border-bottom:1px solid #ffffff;}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #aaaaaa;}abbr.initialism{font-size:90%;text-transform:uppercase;}blockquote{padding:0 0 0 15px;margin:20px;border-left:3px solid #e5e5e5;}blockquote small{display:block;line-height:24px;color:#aaaaaa;}blockquote small:before{content:'\2014 \00A0';}blockquote strong{color:#111111;}blockquote cite{color:#ff4629;}blockquote.alignleft,blockquote.alignright{width:50%;}blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:3px solid #e5e5e5;border-left:0;}blockquote.pull-right p,blockquote.pull-right small{text-align:right;}blockquote.pull-right small:before{content:'';}blockquote.pull-right small:after{content:'\00A0 \2014';}.bqi{margin-left:46px;position:relative;clear:both;}.bqi small+[class^="icon-"],.bqi [class*=" icon-"]{position:absolute;top:4px;left:-42px;font-size:28px;color:#666666;}.bqi.pull-right{margin:20px 46px 20px 20px;}.bqi.pull-right small+[class^="icon-"],.bqi.pull-right [class*=" icon-"]{left:auto;right:-42px;}.bqi .carousel{margin-bottom:20px;}q:before,q:after,blockquote:before,blockquote:after{content:"";}address{display:block;margin-bottom:24px;font-style:normal;line-height:24px;}code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:14px;color:#333333;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}code{padding:2px 4px;color:#d14;background-color:#f7f7f9;border:1px solid #e1e1e8;white-space:nowrap;}pre{display:block;padding:15px;font-size:12px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;}pre.prettyprint{margin-bottom:24px;}pre code{padding:0;color:inherit;white-space:pre;white-space:pre-wrap;background-color:transparent;border:0;}.pre-scrollable{max-height:340px;overflow-y:scroll;}form{margin:0 0 24px;}fieldset{border-color:#e5e5e5;border-width:3px 1px 1px;border-style:solid;padding:20px;}legend{display:block;padding:0 10px;font-size:24px;line-height:48px;color:#333333;border:0;}legend small{font-size:18px;color:#aaaaaa;}label,input,button,select,textarea{font-size:16px;font-weight:normal;line-height:24px;}input,button,select,textarea{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;}label{display:block;margin-bottom:5px;}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{display:inline-block;height:40px;padding:4px 6px;margin-bottom:12px;font-size:16px;line-height:40px -10px;color:#666666;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;vertical-align:middle;}.ie select,.ie textarea,.ie input[type="text"],.ie input[type="password"],.ie input[type="datetime"],.ie input[type="datetime-local"],.ie input[type="date"],.ie input[type="month"],.ie input[type="time"],.ie input[type="week"],.ie input[type="number"],.ie input[type="email"],.ie input[type="url"],.ie input[type="search"],.ie input[type="tel"],.ie input[type="color"],.ie .uneditable-input{outline:0!important;line-height:30px!important;}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"]{-webkit-appearance:none;}input,textarea,.uneditable-input{width:206px;}textarea{height:auto;line-height:24px;resize:none;}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #cccccc;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-transition:border linear .2s;-moz-transition:border linear .2s;-o-transition:border linear .2s;transition:border linear .2s;}textarea:focus,input[type="text"]:focus,input[type="password"]:focus,input[type="datetime"]:focus,input[type="datetime-local"]:focus,input[type="date"]:focus,input[type="month"]:focus,input[type="time"]:focus,input[type="week"]:focus,input[type="number"]:focus,input[type="email"]:focus,input[type="url"]:focus,input[type="search"]:focus,input[type="tel"]:focus,input[type="color"]:focus,.uneditable-input:focus{border-color:#666666;outline:0;outline:thin dotted \9;}input[type="radio"],input[type="checkbox"]{margin:5px 0 0;*margin-top:0;margin-top:1px \9;line-height:normal;}input[type="file"],input[type="image"],input[type="submit"],input[type="reset"],input[type="button"],input[type="radio"],input[type="checkbox"]{width:auto;}select,input[type="file"]{height:40px;*margin-top:4px;line-height:40px;padding:9px 10px 8px;}select{width:220px;border:1px solid #cccccc;background-color:#ffffff;}select[multiple],select[size]{height:auto;}.uneditable-input,.uneditable-textarea{color:#aaaaaa;background-color:#fcfcfc;border-color:#cccccc;cursor:not-allowed;}.uneditable-input{overflow:hidden;white-space:nowrap;}.uneditable-textarea{width:auto;height:auto;}input:-moz-placeholder,textarea:-moz-placeholder{color:#aaaaaa;}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaaaaa;}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaaaaa;}.radio,.checkbox{min-height:24px;padding-left:20px;}.radio input[type="radio"],.checkbox input[type="checkbox"]{float:left;margin-left:-20px;}.controls>.radio:first-child,.controls>.checkbox:first-child{padding-top:5px;}.radio.inline,.checkbox.inline{display:inline-block;padding-top:5px;margin-bottom:0;vertical-align:middle;}.radio.inline+.radio.inline,.checkbox.inline+.checkbox.inline{margin-left:10px;}.input-mini{width:60px;}.input-small{width:90px;}.input-medium{width:150px;}.input-large{width:210px;}.input-xlarge{width:270px;}.input-xxlarge{width:530px;}input[class*="span"],select[class*="span"],textarea[class*="span"],.uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"]{float:none;margin-left:0;}.input-append input[class*="span"],.input-append .uneditable-input[class*="span"],.input-prepend input[class*="span"],.input-prepend .uneditable-input[class*="span"],.row-fluid input[class*="span"],.row-fluid select[class*="span"],.row-fluid textarea[class*="span"],.row-fluid .uneditable-input[class*="span"],.row-fluid .input-prepend [class*="span"],.row-fluid .input-append [class*="span"]{display:inline-block;}input,textarea,.uneditable-input{margin-left:0;}.controls-row [class*="span"]+[class*="span"]{margin-left:30px;}input.span12,textarea.span12,.uneditable-input.span12{width:1276px;}input.span11,textarea.span11,.uneditable-input.span11{width:1166px;}input.span10,textarea.span10,.uneditable-input.span10{width:1056px;}input.span9,textarea.span9,.uneditable-input.span9{width:946px;}input.span8,textarea.span8,.uneditable-input.span8{width:836px;}input.span7,textarea.span7,.uneditable-input.span7{width:726px;}input.span6,textarea.span6,.uneditable-input.span6{width:616px;}input.span5,textarea.span5,.uneditable-input.span5{width:506px;}input.span4,textarea.span4,.uneditable-input.span4{width:396px;}input.span3,textarea.span3,.uneditable-input.span3{width:286px;}input.span2,textarea.span2,.uneditable-input.span2{width:176px;}input.span1,textarea.span1,.uneditable-input.span1{width:66px;}.controls-row{*zoom:1;}.controls-row:before,.controls-row:after{display:table;content:"";line-height:0;}.controls-row:after{clear:both;}.controls-row [class*="span"],.row-fluid .controls-row [class*="span"]{float:left;}.controls-row .checkbox[class*="span"],.controls-row .radio[class*="span"]{padding-top:5px;}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{cursor:not-allowed;background-color:#e5e5e5;}input[type="radio"][disabled],input[type="checkbox"][disabled],input[type="radio"][readonly],input[type="checkbox"][readonly]{background-color:transparent;}.control-group.warning .control-label,.control-group.warning .help-block,.control-group.warning .help-inline{color:#ffa82c;}.control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#ffa82c;}.control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#ffa82c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.control-group.warning input:focus,.control-group.warning select:focus,.control-group.warning textarea:focus{border-color:#f89200;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffd292;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffd292;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #ffd292;}.control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#ffa82c;background-color:#fff8ed;border-color:#ffa82c;}.control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#e74c3c;}.control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#e74c3c;}.control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#e74c3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.control-group.error input:focus,.control-group.error select:focus,.control-group.error textarea:focus{border-color:#d62c1a;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f29f97;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f29f97;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #f29f97;}.control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#e74c3c;background-color:#ffefed;border-color:#e74c3c;}.control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#2ecc71;}.control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#2ecc71;}.control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#2ecc71;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.control-group.success input:focus,.control-group.success select:focus,.control-group.success textarea:focus{border-color:#25a25a;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ee2a8;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ee2a8;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ee2a8;}.control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#2ecc71;background-color:#e7fff1;border-color:#2ecc71;}.control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#3498db;}.control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#3498db;}.control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#3498db;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}.control-group.info input:focus,.control-group.info select:focus,.control-group.info textarea:focus{border-color:#217dbb;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #8bc4ea;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #8bc4ea;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #8bc4ea;}.control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#3498db;background-color:#ebf7ff;border-color:#3498db;}.control-group input,.control-group select,.control-group textarea{-webkit-box-shadow:none!important;-moz-box-shadow:none!important;box-shadow:none!important;}input:invalid,textarea:invalid,select:invalid{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}input:focus:invalid,textarea:focus:invalid,select:focus:invalid{color:#b94a48;border-color:#ee5f5b;}input:focus:invalid:focus,textarea:focus:invalid:focus,select:focus:invalid:focus{border-color:#e9322d;}.form-actions{padding:23px 20px 24px;margin-top:24px;margin-bottom:24px;background-color:#f5f5f5;border-top:1px solid #e5e5e5;*zoom:1;}.form-actions:before,.form-actions:after{display:table;content:"";line-height:0;}.form-actions:after{clear:both;}.help-block,.help-inline{color:#7b7b7b;}.help-block{display:block;margin-bottom:12px;}.help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px;}.input-append,.input-prepend{display:inline-block;margin-bottom:12px;vertical-align:middle;font-size:0;white-space:nowrap;}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input,.input-append .dropdown-menu,.input-prepend .dropdown-menu,.input-append .popover,.input-prepend .popover{font-size:16px;}.input-append input,.input-prepend input,.input-append select,.input-prepend select,.input-append .uneditable-input,.input-prepend .uneditable-input{position:relative;margin-bottom:0;*margin-left:0;vertical-align:top;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;}.input-append input:focus,.input-prepend input:focus,.input-append select:focus,.input-prepend select:focus,.input-append .uneditable-input:focus,.input-prepend .uneditable-input:focus{z-index:2;}.input-append .add-on,.input-prepend .add-on{display:inline-block;width:auto;height:30px;min-width:20px;padding:4px 5px;font-size:16px;font-weight:normal;line-height:30px;text-align:center;text-shadow:0 1px 0 #ffffff;background-color:#e5e5e5;border:1px solid #ccc;}.input-append .add-on,.input-prepend .add-on,.input-append .btn,.input-prepend .btn,.input-append .btn-group>.dropdown-toggle,.input-prepend .btn-group>.dropdown-toggle{vertical-align:top;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.input-append .active,.input-prepend .active{background-color:#a8ebc4;border-color:#2ecc71;}.input-prepend .add-on,.input-prepend .btn{margin-right:-1px;}.input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}.input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}.input-append input+.btn-group .btn:last-child,.input-append select+.btn-group .btn:last-child,.input-append .uneditable-input+.btn-group .btn:last-child{-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;}.input-append .add-on,.input-append .btn,.input-append .btn-group{margin-left:-1px;}.input-append .add-on:last-child,.input-append .btn:last-child,.input-append .btn-group:last-child>.dropdown-toggle{-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;box-shadow:1px 0 0 rgba(255,255,255,0.125) inset,0 1px 0 rgba(255,255,255,0.2) inset,0 1px 2px rgba(0,0,0,0.05);}.input-prepend.input-append input,.input-prepend.input-append select,.input-prepend.input-append .uneditable-input{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.input-prepend.input-append input+.btn-group .btn,.input-prepend.input-append select+.btn-group .btn,.input-prepend.input-append .uneditable-input+.btn-group .btn{-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;}.input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:2px 0 0 2px;-moz-border-radius:2px 0 0 2px;border-radius:2px 0 0 2px;}.input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 2px 2px 0;-moz-border-radius:0 2px 2px 0;border-radius:0 2px 2px 0;}.input-prepend.input-append .btn-group:first-child{margin-left:0;}input.search-query{padding-right:14px;padding-right:4px \9;padding-left:14px;padding-left:4px \9;margin-bottom:0;}.form-search .input-append .search-query,.form-search .input-prepend .search-query{-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;}.form-search input,.form-inline input,.form-horizontal input,.form-search textarea,.form-inline textarea,.form-horizontal textarea,.form-search select,.form-inline select,.form-horizontal select,.form-search .help-inline,.form-inline .help-inline,.form-horizontal .help-inline,.form-search .uneditable-input,.form-inline .uneditable-input,.form-horizontal .uneditable-input,.form-search .input-prepend,.form-inline .input-prepend,.form-horizontal .input-prepend,.form-search .input-append,.form-inline .input-append,.form-horizontal .input-append{display:inline-block;*display:inline;*zoom:1;margin-bottom:0;vertical-align:middle;}.form-search .hide,.form-inline .hide,.form-horizontal .hide{display:none;}.form-search label,.form-inline label,.form-search .btn-group,.form-inline .btn-group{display:inline-block;}.form-search .input-append,.form-inline .input-append,.form-search .input-prepend,.form-inline .input-prepend{margin-bottom:0;}.form-search .radio,.form-search .checkbox,.form-inline .radio,.form-inline .checkbox{padding-left:0;margin-bottom:0;vertical-align:middle;}.form-search .radio input[type="radio"],.form-search .checkbox input[type="checkbox"],.form-inline .radio input[type="radio"],.form-inline .checkbox input[type="checkbox"]{float:left;margin-right:3px;margin-left:0;}.control-group{margin-bottom:12px;}legend+.control-group{margin-top:24px;-webkit-margin-top-collapse:separate;}.form-horizontal .control-group{margin-bottom:24px;*zoom:1;}.form-horizontal .control-group:before,.form-horizontal .control-group:after{display:table;content:"";line-height:0;}.form-horizontal .control-group:after{clear:both;}.form-horizontal .control-label{float:left;width:160px;padding-top:10px;text-align:right;}.form-horizontal .controls{*display:inline-block;*padding-left:20px;margin-left:180px;*margin-left:0;}.form-horizontal .controls:first-child{*padding-left:180px;}.form-horizontal .help-block{margin-bottom:0;}.form-horizontal input+.help-block,.form-horizontal select+.help-block,.form-horizontal textarea+.help-block,.form-horizontal .uneditable-input+.help-block,.form-horizontal .input-prepend+.help-block,.form-horizontal .input-append+.help-block{margin-top:12px;}.form-horizontal .form-actions{padding-left:180px;}table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0;}.table{width:100%;margin-bottom:24px;}.table th,.table td{padding:8px;line-height:24px;text-align:left;vertical-align:top;border-top:1px solid #dddddd;}.table th{font-weight:bold;}.table thead th{vertical-align:bottom;}.table caption+thead tr:first-child th,.table caption+thead tr:first-child td,.table colgroup+thead tr:first-child th,.table colgroup+thead tr:first-child td,.table thead:first-child tr:first-child th,.table thead:first-child tr:first-child td{border-top:0;}.table tbody+tbody{border-top:2px solid #dddddd;}.table .table{background-color:#ffffff;}.table-condensed th,.table-condensed td{padding:4px 5px;}.table-bordered{border:1px solid #dddddd;border-collapse:separate;*border-collapse:collapse;border-left:0;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;}.table-bordered th,.table-bordered td{border-left:1px solid #dddddd;}.table-bordered caption+thead tr:first-child th,.table-bordered caption+tbody tr:first-child th,.table-bordered caption+tbody tr:first-child td,.table-bordered colgroup+thead tr:first-child th,.table-bordered colgroup+tbody tr:first-child th,.table-bordered colgroup+tbody tr:first-child td,.table-bordered thead:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child th,.table-bordered tbody:first-child tr:first-child td{border-top:0;}.table-bordered thead:first-child tr:first-child>th:first-child,.table-bordered tbody:first-child tr:first-child>td:first-child,.table-bordered tbody:first-child tr:first-child>th:first-child{-webkit-border-top-left-radius:2px;-moz-border-radius-topleft:2px;border-top-left-radius:2px;}.table-bordered thead:first-child tr:first-child>th:last-child,.table-bordered tbody:first-child tr:first-child>td:last-child,.table-bordered tbody:first-child tr:first-child>th:last-child{-webkit-border-top-right-radius:2px;-moz-border-radius-topright:2px;border-top-right-radius:2px;}.table-bordered thead:last-child tr:last-child>th:first-child,.table-bordered tbody:last-child tr:last-child>td:first-child,.table-bordered tbody:last-child tr:last-child>th:first-child,.table-bordered tfoot:last-child tr:last-child>td:first-child,.table-bordered tfoot:last-child tr:last-child>th:first-child{-webkit-border-bottom-left-radius:2px;-moz-border-radius-bottomleft:2px;border-bottom-left-radius:2px;}.table-bordered thead:last-child tr:last-child>th:last-child,.table-bordered tbody:last-child tr:last-child>td:last-child,.table-bordered tbody:last-child tr:last-child>th:last-child,.table-bordered tfoot:last-child tr:last-child>td:last-child,.table-bordered tfoot:last-child tr:last-child>th:last-child{-webkit-border-bottom-right-radius:2px;-moz-border-radius-bottomright:2px;border-bottom-right-radius:2px;}.table-bordered tfoot+tbody:last-child tr:last-child td:first-child{-webkit-border-bottom-left-radius:0;-moz-border-radius-bottomleft:0;border-bottom-left-radius:0;}.table-bordered tfoot+tbody:last-child tr:last-child td:last-child{-webkit-border-bottom-right-radius:0;-moz-border-radius-bottomright:0;border-bottom-right-radius:0;}.table-bordered caption+thead tr:first-child th:first-child,.table-bordered caption+tbody tr:first-child td:first-child,.table-bordered colgroup+thead tr:first-child th:first-child,.table-bordered colgroup+tbody tr:first-child td:first-child{-webkit-border-top-left-radius:2px;-moz-border-radius-topleft:2px;border-top-left-radius:2px;}.table-bordered caption+thead tr:first-child th:last-child,.table-bordered caption+tbody tr:first-child td:last-child,.table-bordered colgroup+thead tr:first-child th:last-child,.table-bordered colgroup+tbody tr:first-child td:last-child{-webkit-border-top-right-radius:2px;-moz-border-radius-topright:2px;border-top-right-radius:2px;}.table-striped tbody>tr:nth-child(odd)>td,.table-striped tbody>tr:nth-child(odd)>th{background-color:#f9f9f9;}.table-hover tbody tr:hover>td,.table-hover tbody tr:hover>th{background-color:#f5f5f5;}table td[class*="span"],table th[class*="span"],.row-fluid table td[class*="span"],.row-fluid table th[class*="span"]{display:table-cell;float:none;margin-left:0;}.table td.span1,.table th.span1{float:none;width:64px;margin-left:0;}.table td.span2,.table th.span2{float:none;width:174px;margin-left:0;}.table td.span3,.table th.span3{float:none;width:284px;margin-left:0;}.table td.span4,.table th.span4{float:none;width:394px;margin-left:0;}.table td.span5,.table th.span5{float:none;width:504px;margin-left:0;}.table td.span6,.table th.span6{float:none;width:614px;margin-left:0;}.table td.span7,.table th.span7{float:none;width:724px;margin-left:0;}.table td.span8,.table th.span8{float:none;width:834px;margin-left:0;}.table td.span9,.table th.span9{float:none;width:944px;margin-left:0;}.table td.span10,.table th.span10{float:none;width:1054px;margin-left:0;}.table td.span11,.table th.span11{float:none;width:1164px;margin-left:0;}.table td.span12,.table th.span12{float:none;width:1274px;margin-left:0;}.table tbody tr.success>td{background-color:#e7fff1;}.table tbody tr.error>td{background-color:#ffefed;}.table tbody tr.warning>td{background-color:#fff8ed;}.table tbody tr.info>td{background-color:#ebf7ff;}.table-hover tbody tr.success:hover>td{background-color:#cdffe2;}.table-hover tbody tr.error:hover>td{background-color:#ffd8d4;}.table-hover tbody tr.warning:hover>td{background-color:#ffeed4;}.table-hover tbody tr.info:hover>td{background-color:#d1edff;}@font-face{font-family:'FontAwesome';src:url('../inc/font-awesome/font/fontawesome-webfont.eot?v=3.2.0');src:url('../inc/font-awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'),url('../inc/font-awesome/font/fontawesome-webfont.woff?v=3.2.0') format('woff'),url('../inc/font-awesome/font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'),url('../inc/font-awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

icon-chevron-right

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

<i class=" icon-chevron-right"></i> icon-chevron-right
Icon classes are echoed via CSS :before.

icon-chevron-right

icon-chevron-right

icon-chevron-right

icon-chevron-right

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

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

<i class=" icon-chevron-right icon-2x icon-spin"></i>
<i class=" icon-chevron-right icon-3x icon-spin"></i>
<i class=" icon-chevron-right icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

icon-chevron-right on icon-check-empty
icon-chevron-right on icon-circle
icon-chevron-rightl on icon-sign-blank
icon-ban-circle on icon-chevron-right

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=" icon-chevron-right "></i>
</span>
icon-chevron-right on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" icon-chevron-right icon-light"></i>
</span>
icon-chevron-right on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" icon-chevron-right icon-light "></i>
</span>
icon-chevron-right on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" icon-chevron-right icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on icon-chevron-right