Font Awesome icon usage statistics

  • 0 types of Font Awesome iconic font are used and found 0 times in total.
  • SEADOO.COM used 0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SEADOO.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SEADOO.COM includes "http://SEADOO.COM/etc/designs/brp/clientlibs/base.min.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:"TradeGothicLTStd";font-style:normal;font-weight:normal;src:url('../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot');src:local('@fontFamily'),url('../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.eot?#iefix') format('embedded-opentype'),url('../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.woff') format('woff'),url('../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.ttf') format('truetype'),url('../fonts/413d9688-00d4-47c4-bb55-656a0cd396e9.svg#TradeGothicLTStd') format('svg')}
    @font-face{font-family:"TradeGothicLTStd";font-style:normal;font-weight:bold;src:url('../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot');src:local('@fontFamily'),url('../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.eot?#iefix') format('embedded-opentype'),url('../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.woff') format('woff'),url('../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.ttf') format('truetype'),url('../fonts/2e9af08f-0faf-45e3-9767-78a700434af3.svg#TradeGothicLTStd') format('svg')}
    @font-face{font-family:"TradeGothicLTStdExtended";font-style:normal;font-weight:normal;src:url('../fonts/558189fc-efd3-4d8f-aa5f-8ddaf391bf47.eot');src:local('@fontFamily'),url('../fonts/558189fc-efd3-4d8f-aa5f-8ddaf391bf47.eot?#iefix') format('embedded-opentype'),url('../fonts/558189fc-efd3-4d8f-aa5f-8ddaf391bf47.woff') format('woff'),url('../fonts/558189fc-efd3-4d8f-aa5f-8ddaf391bf47.ttf') format('truetype'),url('../fonts/558189fc-efd3-4d8f-aa5f-8ddaf391bf47.svg#TradeGothicLTStdExtended') format('svg')}
    @font-face{font-family:"TradeGothicLTStdCnNo.18";font-style:normal;font-weight:normal;src:url('../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.eot');src:local('@fontFamily'),url('../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.eot?#iefix') format('embedded-opentype'),url('../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.woff') format('woff'),url('../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.ttf') format('truetype'),url('../fonts/087e5c21-3358-4cf3-9d2c-289a03a48292.svg#TradeGothicLTStdCnNo.18') format('svg')}
    @font-face{font-family:"TradeGothicLTStdBdCnNo.20";font-style:normal;font-weight:normal;src:url('../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot');src:local('@fontFamily'),url('../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.eot?#iefix') format('embedded-opentype'),url('../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.woff') format('woff'),url('../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.ttf') format('truetype'),url('../fonts/257c802f-349c-4b4d-aefa-546d5de15ec6.svg#TradeGothicLTStdBdCnNo.20') format('svg')}
    body{font-family:"TradeGothicLTStd","Helvetica Neue",Helvetica,Arial,sans-serif}
    p{margin:0 0 10px}
    .lead{margin-bottom:20px;font-size:21px;font-weight:200;line-height:30px}
    .big{font-size:115%}
    small{font-size:85%}
    strong{font-weight:bold}
    em{font-style:italic}
    cite{font-style:normal}
    .muted{color:#999}
    a.muted:hover,a.muted:focus{color:#808080}
    .text-warning{color:#c09853}
    a.text-warning:hover,a.text-warning:focus{color:#a47e3c}
    .text-error{color:#b94a48}
    a.text-error:hover,a.text-error:focus{color:#953b39}
    .text-info{color:#3a87ad}
    a.text-info:hover,a.text-info:focus{color:#2d6987}
    .text-success{color:#468847}
    a.text-success:hover,a.text-success:focus{color:#356635}
    .text-left{text-align:left}
    .text-right{text-align:right}
    .text-center{text-align:center}
    h1,h2,h3,h4,h5,h6{margin:10px 0;font-family:inherit;font-weight:bold;line-height:20px;color:inherit;text-rendering:optimizelegibility;word-wrap:break-word}
    h1 small,h2 small,h3 small,h4 small,h5 small,h6 small{font-weight:normal;line-height:1;color:#999}
    h1,h2,h3{line-height:40px}
    h1{font-size:38.5px}
    h2{font-size:31.5px}
    h3{font-size:24.5px}
    h4{font-size:17.5px}
    h5{font-size:14px}
    h6{font-size:11.9px}
    h1 small{font-size:24.5px}
    h2 small{font-size:17.5px}
    h3 small{font-size:14px}
    h4 small{font-size:14px}
    .page-header{padding-bottom:9px;margin:20px 0 30px;border-bottom:1px solid #eee}
    ul,ol{padding:0;margin:0 0 10px 25px}
    ul ul,ul ol,ol ol,ol ul{margin-bottom:0}
    li{line-height:20px}
    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:20px}
    dt,dd{line-height:20px}
    dt{font-weight:bold}
    dd{margin-left:10px}
    .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 #eee;border-bottom:1px solid #fff}
    abbr[title],abbr[data-original-title]{cursor:help;border-bottom:1px dotted #999}
    abbr.initialism{font-size:90%;text-transform:uppercase}
    blockquote{padding:0 0 0 15px;margin:0 0 20px;border-left:5px solid #eee}
    blockquote p{margin-bottom:0;font-size:17.5px;font-weight:300;line-height:1.25}
    blockquote small{display:block;line-height:20px;color:#999}
    blockquote small:before{content:'\2014 \00A0'}
    blockquote.pull-right{float:right;padding-right:15px;padding-left:0;border-right:5px solid #eee;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'}
    q:before,q:after,blockquote:before,blockquote:after{content:""}
    address{display:block;margin-bottom:20px;font-style:normal;line-height:20px}
    code,pre{padding:0 3px 2px;font-family:Monaco,Menlo,Consolas,"Courier New",monospace;font-size:12px;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:9.5px;margin:0 0 10px;font-size:13px;line-height:20px;word-break:break-all;word-wrap:break-word;white-space:pre;white-space:pre-wrap;background-color:#f5f5f5;border:1px solid #ccc;border:1px solid rgba(0,0,0,0.15);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}
    pre.prettyprint{margin-bottom:20px}
    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 20px}
    fieldset{padding:0;margin:0;border:0}
    legend{display:block;width:100%;padding:0;margin-bottom:20px;font-size:21px;line-height:40px;color:#333;border:0;border-bottom:1px solid #e5e5e5}
    legend small{font-size:15px;color:#999}
    label,input,button,select,textarea{font-size:14px;font-weight:normal;line-height:20px}
    input,button,select,textarea{font-family:"TradeGothicLTStd","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:20px;padding:4px 6px;margin-bottom:10px;font-size:14px;line-height:20px;color:#555;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;vertical-align:middle}
    input,textarea,.uneditable-input{width:206px}
    textarea{height:auto}
    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-appearance:none;-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);-webkit-transition:border linear .2s,box-shadow linear .2s;-moz-transition:border linear .2s,box-shadow linear .2s;-o-transition:border linear .2s,box-shadow linear .2s;transition:border linear .2s,box-shadow 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:rgba(82,168,236,0.8);outline:0;outline:thin dotted \9;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6);box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(82,168,236,.6)}
    input[type="radio"],input[type="checkbox"]{margin:4px 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:30px;*margin-top:4px;line-height:30px}
    select{width:220px;border:1px solid #ccc;background-color:#fff}
    select[multiple],select[size]{height:auto}
    select:focus,input[type="file"]:focus,input[type="radio"]:focus,input[type="checkbox"]:focus{outline:0;outline:0 auto -webkit-focus-ring-color;outline-offset:-2px}
    .uneditable-input,.uneditable-textarea{color:#999;background-color:#fcfcfc;border-color:#ccc;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);cursor:not-allowed}
    .uneditable-input{overflow:hidden;white-space:nowrap}
    .uneditable-textarea{width:auto;height:auto}
    input:-moz-placeholder,textarea:-moz-placeholder{color:#999}
    input:-ms-input-placeholder,textarea:-ms-input-placeholder{color:#999}
    input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color:#999}
    .radio,.checkbox{min-height:20px;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:22px}
    input.span12,textarea.span12,.uneditable-input.span12{width:948px}
    input.span11,textarea.span11,.uneditable-input.span11{width:866px}
    input.span10,textarea.span10,.uneditable-input.span10{width:784px}
    input.span9,textarea.span9,.uneditable-input.span9{width:702px}
    input.span8,textarea.span8,.uneditable-input.span8{width:620px}
    input.span7,textarea.span7,.uneditable-input.span7{width:538px}
    input.span6,textarea.span6,.uneditable-input.span6{width:456px}
    input.span5,textarea.span5,.uneditable-input.span5{width:374px}
    input.span4,textarea.span4,.uneditable-input.span4{width:292px}
    input.span3,textarea.span3,.uneditable-input.span3{width:210px}
    input.span2,textarea.span2,.uneditable-input.span2{width:128px}
    input.span1,textarea.span1,.uneditable-input.span1{width:46px}
    .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:#eee}
    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:#c09853}
    .control-group.warning .checkbox,.control-group.warning .radio,.control-group.warning input,.control-group.warning select,.control-group.warning textarea{color:#c09853}
    .control-group.warning input,.control-group.warning select,.control-group.warning textarea{border-color:#c09853;-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:#a47e3c;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #dbc59e}
    .control-group.warning .input-prepend .add-on,.control-group.warning .input-append .add-on{color:#c09853;background-color:#fcf8e3;border-color:#c09853}
    .control-group.error .control-label,.control-group.error .help-block,.control-group.error .help-inline{color:#b94a48}
    .control-group.error .checkbox,.control-group.error .radio,.control-group.error input,.control-group.error select,.control-group.error textarea{color:#b94a48}
    .control-group.error input,.control-group.error select,.control-group.error textarea{border-color:#b94a48;-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:#953b39;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #d59392}
    .control-group.error .input-prepend .add-on,.control-group.error .input-append .add-on{color:#b94a48;background-color:#f2dede;border-color:#b94a48}
    .control-group.success .control-label,.control-group.success .help-block,.control-group.success .help-inline{color:#468847}
    .control-group.success .checkbox,.control-group.success .radio,.control-group.success input,.control-group.success select,.control-group.success textarea{color:#468847}
    .control-group.success input,.control-group.success select,.control-group.success textarea{border-color:#468847;-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:#356635;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7aba7b}
    .control-group.success .input-prepend .add-on,.control-group.success .input-append .add-on{color:#468847;background-color:#dff0d8;border-color:#468847}
    .control-group.info .control-label,.control-group.info .help-block,.control-group.info .help-inline{color:#3a87ad}
    .control-group.info .checkbox,.control-group.info .radio,.control-group.info input,.control-group.info select,.control-group.info textarea{color:#3a87ad}
    .control-group.info input,.control-group.info select,.control-group.info textarea{border-color:#3a87ad;-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:#2d6987;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 6px #7ab5d3}
    .control-group.info .input-prepend .add-on,.control-group.info .input-append .add-on{color:#3a87ad;background-color:#d9edf7;border-color:#3a87ad}
    .form-actions{padding:19px 20px 20px;margin-top:20px;margin-bottom:20px;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:#595959}
    .help-block{display:block;margin-bottom:10px}
    .help-inline{display:inline-block;*display:inline;*zoom:1;vertical-align:middle;padding-left:5px}
    .input-append,.input-prepend{display:inline-block;margin-bottom:10px;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:14px}
    .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 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 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:20px;min-width:16px;padding:4px 5px;font-size:14px;font-weight:normal;line-height:20px;text-align:center;text-shadow:0 1px 0 #fff;background-color:#eee;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:#a9dba9;border-color:#46a546}
    .input-prepend .add-on,.input-prepend .btn{margin-right:-1px}
    .input-prepend .add-on:first-child,.input-prepend .btn:first-child{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
    .input-append input,.input-append select,.input-append .uneditable-input{-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
    .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 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 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 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
    .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 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 0}
    .input-prepend.input-append .add-on:first-child,.input-prepend.input-append .btn:first-child{margin-right:-1px;-webkit-border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;border-radius:4px 0 0 4px}
    .input-prepend.input-append .add-on:last-child,.input-prepend.input-append .btn:last-child{margin-left:-1px;-webkit-border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;border-radius:0 4px 4px 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;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px}
    .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-append .search-query{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}
    .form-search .input-append .btn{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}
    .form-search .input-prepend .search-query{-webkit-border-radius:0 14px 14px 0;-moz-border-radius:0 14px 14px 0;border-radius:0 14px 14px 0}
    .form-search .input-prepend .btn{-webkit-border-radius:14px 0 0 14px;-moz-border-radius:14px 0 0 14px;border-radius:14px 0 0 14px}
    .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:10px}
    legend+.control-group{margin-top:20px;-webkit-margin-top-collapse:separate}
    .form-horizontal .control-group{margin-bottom:20px;*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:5px;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:10px}
    .form-horizontal .form-actions{padding-left:180px}
    input.fullwidth{width:465px}
    table{max-width:100%;background-color:transparent;border-collapse:collapse;border-spacing:0}
    .table{width:100%;margin-bottom:20px}
    .table th,.table td{padding:8px;line-height:20px;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:#000}
    .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:4px;-moz-border-radius:4px;border-radius:4px}
    .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:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}
    .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:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}
    .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:4px;-moz-border-radius-bottomleft:4px;border-bottom-left-radius:4px}
    .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:4px;-moz-border-radius-bottomright:4px;border-bottom-right-radius:4px}
    .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:4px;-moz-border-radius-topleft:4px;border-top-left-radius:4px}
    .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:4px;-moz-border-radius-topright:4px;border-top-right-radius:4px}
    .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:44px;margin-left:0}
    .table td.span2,.table th.span2{float:none;width:126px;margin-left:0}
    .table td.span3,.table th.span3{float:none;width:208px;margin-left:0}
    .table td.span4,.table th.span4{float:none;width:290px;margin-left:0}
    .table td.span5,.table th.span5{float:none;width:372px;margin-left:0}
    .table td.span6,.table th.span6{float:none;width:454px;margin-left:0}
    .table td.span7,.table th.span7{float:none;width:536px;margin-left:0}
    .table td.span8,.table th.span8{float:none;width:618px;margin-left:0}
    .table td.span9,.table th.span9{float:none;width:700px;margin-left:0}
    .table td.span10,.table th.span10{float:none;width:782px;margin-left:0}
    .table td.span11,.table th.span11{float:none;width:864px;margin-left:0}
    .table td.span12,.table th.span12{float:none;width:946px;margin-left:0}
    .table tbody tr.success>td{background-color:#dff0d8}
    .table tbody tr.error>td{background-color:#f2dede}
    .table tbody tr.warning>td{background-color:#fcf8e3}
    .table tbody tr.info>td{background-color:#d9edf7}
    .table-hover tbody tr.success:hover>td{background-color:#d0e9c6}
    .table-hover tbody tr.error:hover>td{background-color:#ebcccc}
    .table-hover tbody tr.warning:hover>td{background-color:#faf2cc}
    .table-hover tbody tr.info:hover>td{background-color:#c4e3f3}
    @font-face{font-family:'FontAwesome';src:url('../fonts/fontawesome-webfont.eot?v=3.2.1');src:url('../fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'),url('../fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'),url('../fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'),url('../fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal}

Examples and source code

fa-lemon-o hidden-print t1

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

<i class=" fa-lemon-o hidden-print t1"></i> fa-lemon-o hidden-print t1
Icon classes are echoed via CSS :before.

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

fa-lemon-o hidden-print t1

To increase icon sizes relative to their container, use the icon-large (33% increase), icon-2x, icon-3x, icon-4x, or icon-5x classes.

<p><i class=" fa-lemon-o hidden-print t1 icon-large"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-2x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-3x"></i> fa-lemon-o hidden-print t1</p>
<p><i class=" fa-lemon-o hidden-print t1 icon-4x"></i> fa-lemon-o hidden-print t1</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.
  • Font Awesome icon can be used
  • to easily replace lists

Use icon-ul and icon-li to easily replace default bullets in unordered lists.

<ul class="icon-ul">
  <li><i class="icon-li  fa-lemon-o hidden-print t1"></i>Font Awesome icon can be used</li>
  <li><i class="icon-li  fa-lemon-o hidden-print t1 icon-spin"></i>to easily replace lists</li>
</ul>

Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

Use icon-border and pull-right or pull-left for easy pull quotes or article graphics.

<i class=" fa-lemon-o hidden-print t1 icon-2x pull-left icon-border"></i>
Use a few styles together and you'll have easy pull quotes or a great introductory article icon.

  normal
  icon-rotate-90
  icon-rotate-180
  icon-rotate-270
  icon-flip-horizontal
  icon-flip-vertical

To arbitrarily rotate and flip icons, use the icon-rotate-* and icon-flip-* classes.

<i class=" fa-lemon-o hidden-print t1"></i>  normal<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-90"></i>  icon-rotate-90<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-180"></i>  icon-rotate-180<br>
<i class=" fa-lemon-o hidden-print t1 icon-rotate-270"></i>  icon-rotate-270<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-horizontal"></i>  icon-flip-horizontal<br>
<i class=" fa-lemon-o hidden-print t1 icon-flip-vertical"></i>  icon-flip-vertical

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

<i class=" fa-lemon-o hidden-print t1 icon-2x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-3x icon-spin"></i>
<i class=" fa-lemon-o hidden-print t1 icon-4x icon-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-lemon-o hidden-print t1 on icon-check-empty
fa-lemon-o hidden-print t1 on icon-circle
fa-lemon-o hidden-print t1l on icon-sign-blank
icon-ban-circle on fa-lemon-o hidden-print t1

To stack multiple icons, use the icon-stack class on the parent, the icon-light for the regularly sized icon, and icon-stack-base for the larger icon. icon-light can be used as an alternative icon color. You can even throw larger icon classes on the parent to get further control of sizing.

<span class="icon-stack">
  <i class=" icon-check-empty icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 "></i>
</span>
fa-lemon-o hidden-print t1 on icon-check-empty<br>
<span class="icon-stack">
  <i class=" icon-circle icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
</span>
fa-lemon-o hidden-print t1 on icon-circle<br>
<span class="icon-stack">
  <i class=" icon-sign-blank icon-stack-base"></i>
  <i class=" fa-lemon-o hidden-print t1 icon-light "></i>
</span>
fa-lemon-o hidden-print t1 on icon-sign-blank<br>
<span class="icon-stack">
  <i class=" fa-lemon-o hidden-print t1 icon-light"></i>
  <i class=" icon-ban-circle icon-stack-base text-error"></i>
</span>
icon-ban-circle on fa-lemon-o hidden-print t1