Font Awesome icon usage statistics

  • 5 types of Font Awesome iconic font are used and found 6 times in total.
  • SOCIALMEDIAMARKETING.TIPS used 1.2 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SOCIALMEDIAMARKETING.TIPS are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SOCIALMEDIAMARKETING.TIPS includes "http://socialmediamarketing.tips/wp-content/themes/dw-argo/css/template.css?ver=4" 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:.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:15px;line-height:22px;color:#666;background-color:#fff}a{color:#333;text-decoration:none;-webkit-transition:all .3s;-moz-transition:all .3s;-o-transition:all .3s;transition:all .3s}a:hover,a:focus{color:#ff4629}a:hover,a:focus,a:active{outline:0}.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:#aaa}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:'Alegreya Sans',sans-serif;font-weight:normal;line-height:24px;color:#333;text-rendering:optimizelegibility}h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#aaa}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 #fff}abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #aaa}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:#aaa}blockquote small:before{content:'\2014 \00A0'}blockquote strong{color:#111}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:#666}.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:#333;-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:#333;border:0}legend small{font-size:18px;color:#aaa}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:#666;-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:#fff;border:1px solid #ccc;-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:#666;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 #ccc;background-color:#fff}select[multiple],select[size]{height:auto}.uneditable-input,.uneditable-textarea{color:#aaa;background-color:#fcfcfc;border-color:#ccc;cursor:not-allowed}.uneditable-input{overflow:hidden;white-space:nowrap}.uneditable-textarea{width:auto;height:auto}input:-moz-placeholder,textarea:-moz-placeholder{color:#aaa}input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#aaa}input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#aaa}.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 #fff;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 #ddd}.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 #ddd}.table .table{background-color:#fff}.table-condensed th,.table-condensed td{padding:4px 5px}.table-bordered{border:1px solid #ddd;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 #ddd}.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