Font Awesome icon usage statistics

  • 1 types of Font Awesome iconic font are used and found 1 times in total.
  • PIXELHINT.COM used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of PIXELHINT.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • PIXELHINT.COM includes "http://pixelhint.pixelhint.netdna-cdn.com/wp-content/cache/minify/000000/fY7BDsMgCIZfqI72tOehSquJQiMsm28_7XZYdugBwg9fvrCAr9iEnTY2fLmY9ph7GVXwqlASf4lbH6flArdIhRRSyHS2S3gTtm4XRi8D7BG9uU1qcXdI7PMjdNl4Qa1l0mmGlZCD2Gfxkwc0fA6fpFL-T9YO2Ssesb0B.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'MonacoRegular';src:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.eot');src:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.eot?#iefix') format('embedded-opentype'),
    url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.woff') format('woff'),
    url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.ttf') format('truetype'),
    url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/plugins/crayon-syntax-highlighter/fonts/monaco/monaco-webfont.svg#MonacoRegular') format('svg');font-weight:normal;font-style:normal}.crayon-font-monaco
    *{font-family:Monaco,'MonacoRegular','Courier New',monospace !important}div.wpcf7{margin:0;padding:0}div.wpcf7-response-output{margin:2em
    0.5em 1em;padding:0.2em 1em}div.wpcf7 .screen-reader-response{position:absolute;overflow:hidden;clip:rect(1px,1px,1px,1px);height:1px;width:1px;margin:0;padding:0;border:0}div.wpcf7-mail-sent-ok{border:2px
    solid #398f14}div.wpcf7-mail-sent-ng{border:2px
    solid #f00}div.wpcf7-spam-blocked{border:2px
    solid #ffa500}div.wpcf7-validation-errors{border:2px
    solid #f7e700}span.wpcf7-form-control-wrap{position:relative}span.wpcf7-not-valid-tip{color:#f00;font-size:1em;display:block}.use-floating-validation-tip span.wpcf7-not-valid-tip{position:absolute;top:20%;left:20%;z-index:100;border:1px
    solid #f00;background:#fff;padding: .2em .8em}span.wpcf7-list-item{margin-left:0.5em}.wpcf7-display-none{display:none}div.wpcf7 img.ajax-loader{border:none;vertical-align:middle;margin-left:4px}div.wpcf7 div.ajax-error{display:none}div.wpcf7
    .placeheld{color:#888}:: 01. CSS Reset & Clearfix
    :: 02. Global
    :: 03. Structure
    :: 04. Top Bar
    :: 05. Header
    :: 06. Content
    :: 07. Comments
    :: 08. Footer
    :: 09. Pages & Templates
    :: 10. Responsive   html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}.clearfix:before,.clearfix:after{content:'\0020';display:block;overflow:hidden;visibility:hidden;width:0;height:0}.clearfix:after{clear:both}.clearfix{zoom:1}.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}body{font:14px/26px 'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;background:#fff;color:#585858;margin:0;word-wrap:break-word}:focus{outline:0}img{max-width:100%;height:auto}iframe,embed{max-width:100%}input,textarea,select{vertical-align:middle;background:#fff;border:1px
    solid #ddd;font-size:13px;line-height:21px;padding:11px;width:250px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}form{position:relative}textarea{resize:vertical;width:95%}input[type="button"],input[type="submit"],select{-webkit-appearance:none}input[type="button"],input[type="submit"]{background:#edf74b;color:#222;border:0;text-transform:uppercase;cursor:pointer;font-weight:bold;font-size:16px}input[type="button"]:hover,input[type="submit"]:hover{background:#e1eb3e}input[type="checkbox"],input[type="radio"]{display:inline!important;width:25px}.hidden{display:none}.left{float:left !important}.right{float:right !important}.center{margin-left:auto;margin-right:auto;display:block}.alignleft{float:left}.alignright{float:right}.aligncenter{margin-left:auto;margin-right:auto;display:block}.clear{clear:both;display:block;font-size:0;height:0;line-height:0;width:100%}a
    img{border:0}p,pre,ul,ol,dl,dd,blockquote,address,table,fieldset,form{margin:0
    0 20px 0}address{font-style:italic}abbr[title],acronym[title],dfn[title]{cursor:help;border-bottom:1px dotted #666}blockquote{border-left:3px solid #e5e5e5;padding:0
    20px;margin:20px
    0 20px 20px}strong{font-weight:bold}em,dfn,cite{font-style:italic}dfn{font-weight:bold}sup{font-size:11px;vertical-align:top}sub{font-size:11px;vertical-align:bottom}small{font-size:11px}del{text-decoration:line-through}ins{text-decoration:underline}code,pre{line-height:18px}var,kbd,samp,code,pre{font:13px/18px Consolas,"Andale Mono",Courier,"Courier New",monospace}kbd{font-weight:bold}samp,var{font-style:italic}pre,code,tt{background:#fff;border:1px
    solid #ddd;color:#888;display:block;font-size:13px;line-height:18px;overflow:auto;padding:20px;word-wrap:break-word;vertical-align:baseline}ul,ol,dl{margin-left:45px;padding:0}ul{list-style:square outside none}ol{list-style:decimal outside none;list-style-position:inside}li{margin-bottom:10px}table{border:1px
    solid #ccc;border-width:1px;line-height:18px;margin:0
    0 22px 0;text-align:left;padding:0
    5px}table
    .even{background:#ddd}caption{text-align:left}tr{border-bottom:1px solid #ccc}th,td{padding:5px;vertical-align:middle;text-align:center}img.alignleft{float:left;margin:10px
    25px 10px 0;max-width:50%}img.alignright{display:block;margin:10px
    0 25px 20px;max-width:50%}img.aligncenter{display:block;margin:10px
    auto}img.alignnone{display:block;margin:10px
    0}.wp-caption{text-align:center;margin:10px
    20px 10px 20px;color:#999;font-style:italic;max-width:100%!important}.wp-caption
    a{display:inline-block;max-width:100%!important}.wp-caption.aligncenter{margin:20px
    auto}.wp-caption.alignleft{margin-left:0}.wp-caption.alignright{margin-right:0}.wp-caption.alignnone{margin-left:0;margin-right:0}.wp-caption img,.wp-caption img
    a{margin:0;padding:0;border:0
    none}.wp-caption .wp-caption-text{margin:0;padding:5px}.wp-smiley{max-height:13px;margin:0
    !important}.gallery{margin:auto}.gallery-image{border:0;margin-left:0}.gallery-caption{font-family:Georgia,"Times New Roman",Times,serif;font-style:italic;color:#999;margin:0}.gallery{display:block;width:100%;margin:0
    auto 20px auto !important;overflow:hidden}.gallery
    br{height:0 !important;display:none}.gallery-item{float:left;margin:0
    0 0 0 !important;text-align:center;font-size:0;line-height:0}.gallery-icon{margin:0;display:block;overflow:hidden}.gallery-item .gallery-caption{display:block;text-align:center;margin-bottom:5px !important;font-size:12px;line-height:20px}.gallery-item
    img{border:none !important;margin:0
    !important;padding:0
    !important;width:100%}.gallery-item
    a{float:left;margin:0
    0 2% 0 !important;padding:0
    !important;line-height:0;font-size:1px;width:98%}a{color:#1cd5f0;text-decoration:underline;-webkit-transition:.07s ease-in;-moz-transition:.07s ease-in;-o-transition:.07s ease-in;transition:.07s ease-in}a:hover{color:#1cd5f0;text-decoration:none;-webkit-transition:.07s ease-in;-moz-transition:.07s ease-in;-o-transition:.07s ease-in;transition:.07s ease-in}.container{width:100%}.container:after{content:"\0020";display:block;height:0;clear:both;visibility:hidden}.wrapper{width:96%;max-width:1180px;margin:0
    auto;position:relative}#header,#main,#footer{float:left;width:100%}#ft-topbar{float:left;width:100%;height:80px;background:#fff url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/border.png")repeat-x left bottom;background-size:3px 11px;position:fixed;z-index:9999}.ft-menu{float:left;width:50%;margin-top:12px}.primenu{margin:0;list-style:none;line-height:44px}.primenu
    li{float:left;position:relative;margin-right:30px;margin-bottom:0}.primenu li
    a{color:#222;padding:5px
    0;text-decoration:none;font-weight:bold;font-size:14px;text-transform:uppercase;letter-spacing: .2px}.primenu li a:hover{color:#1cd5f0;text-decoration:none}.primenu li a
    i{margin-right:8px}.primenu li>ul,.primenu li>ul>li>ul{list-style:none;background-color:#fff;-webkit-box-shadow:0 0 3px 0 rgba(0,0,0,0.2);-moz-box-shadow:0 0 3px 0 rgba(0,0,0,0.2);box-shadow:0 0 3px 0 rgba(0,0,0,0.2);float:left;position:absolute;z-index:9999;width:220px;margin:0;border-top:1px solid #222}.primenu li>ul>li>ul{top:-1px;left:220px;list-style:none}.primenu li>ul>li{position:relative;width:100%;border-bottom:1px solid #e7e7e7}.primenu li>ul>li.menu-item-ancestor{background:url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/menu-arrow.png") no-repeat 95% center}.primenu li>ul>li:hover.menu-item-ancestor{background:#fff url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/menu-arrow.png") no-repeat 95% center}.primenu li>ul>li
    a{padding:3px
    20px}.primenu ul.sub-menu{display:none}.primenu li:hover>ul.sub-menu{display:block}p.ft-nomenus{margin:9px
    0 0}.ft-icons{float:right;width:17%;margin-top:14px}.ft-icons
    ul{float:right;margin:0;list-style:none;line-height:56px}.ft-icons ul
    li{float:left;margin-right:12px}.ft-icons ul li:last-child{margin-right:0}.ft-icons
    a{color:#222;text-transform:uppercase;text-decoration:none}.ft-icons a
    i{font-size:16px;opacity: .5}.ft-icons a i:hover{opacity:1}.ft-icons a:hover{color:#555;text-decoration:none}.ft-icons
    .rss_icon{display:inline-block;width:25px;height:25px;background:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/social.png') no-repeat;background-position:0 0}.ft-icons .twitter-icon{display:inline-block;width:25px;height:25px;background:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/social.png') no-repeat;background-position:-26px 0}.ft-icons .facebook-icon{display:inline-block;width:25px;height:25px;background:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/social.png') no-repeat;background-position:-52px 0}.ft-icons .dribbble-icon{display:inline-block;width:25px;height:25px;background:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/social.png') no-repeat;background-position:-78px 0}.ft-icons .google-plus-icon{display:inline-block;width:25px;height:25px;background:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/social.png') no-repeat;background-position:-104px 0}.ft-icons .search-icon{display:inline-block;width:25px;height:25px;background:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/social.png') no-repeat;background-position:-130px 0;opacity:1}.ft-search-hide{display:none;height:100%;position:fixed;right:0;top:0;width:100%;z-index:999999}.ft-search-hide .ft-shbg{background:#000;height:100%;left:0;-webkit-opacity:.9;-moz-opacity:.9;opacity:.9;position:absolute;top:0;width:100%}.ft-search-hide
    #searchform{border:0;height:50px;left:50%;margin-left:-285px;margin-top:-25px;position:absolute;top:40%;width:570px;z-index:9999}.ft-search-hide
    h3{color:#fff;text-transform:uppercase;margin:-35px auto 1px auto;font-size:28px;line-height:34px;font-weight:400;text-align:center}.ft-search-hide #searchform input[type="text"]{width:510px;height:26px;color:#222;padding:12px
    15px 12px 15px}.ft-search-hide #searchform input[type="submit"]{margin:15px
    0 0 0}#searchform{display:block;margin:0;border:0;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}#searchform input[type='text']{float:left;border:medium none;box-shadow:none;color:#aaa;width:247px;font-size:13px;line-height:21px;outline:0;margin:0;padding:12px
    11px;-webkit-border-radius:3px 3px 3px 3px;-moz-border-radius:3px 3px 3px 3px;border-radius:3px 3px 3px 3px}#searchform input[type='submit']{background:url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/icon-search.png") no-repeat center center;border:medium none;box-shadow:none;cursor:pointer;display:block;float:left;height:15px;margin:8px
    5px 0 0;width:14px}#searchform input[type='submit']:hover{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}a.ft-jpbutton{color:#222;font-size:30px;display:none;margin-top:7px;text-decoration:none}a:hover.ft-jpbutton{color:#444;text-decoration:none}#jPanelMenu-menu{background:#222}#jPanelMenu-menu
    li{border-bottom:1px solid #252525;background:#222;width:100%}#jPanelMenu-menu li
    a{color:#fff;display:block;line-height:14px;padding:15px}#jPanelMenu-menu li a:hover,#jPanelMenu-menu li.current-menu-item
    a{background:#282828}#jPanelMenu-menu>li>ul.sub-menu,#jPanelMenu-menu>li>ul>li>ul.sub-menu{display:block !important;margin-left:20px;position:relative}#jPanelMenu-menu>li>ul>li>ul.sub-menu{left:0;top:0}#jPanelMenu-menu>li>ul.sub-menu,#jPanelMenu-menu>li>ul>li>ul.sub-menu{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none}#header{float:left;width:100%;background:#fff url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/border.png") repeat-x left bottom;background-size:3px 11px;padding:100px
    0 45px}.ft-logo{float:left;width:auto;max-width:25%;margin-top:15px;margin-right:100px}.ct-logo{font-family:'Varela Round',sans-serif;font-weight:bold;font-size:48px;line-height:40px;margin:0}.ct-logo
    a{color:#222;text-decoration:none}.ct-logo a:hover{color:#444;text-decoration:none;-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.sub-logo{margin-left:3px;font-size:16px;color:#b4b4b4;text-transform:uppercase}.ft-headerad{float:right;width:70%;max-width:728px}#main{padding:140px
    0 50px}.content-wrapper{margin-right:460px}#content{float:left;width:100%}.hentry{position:relative;padding-bottom:55px;margin-bottom:40px;border-bottom:1px solid #e5e5e5}.hentry:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.hentry .ft-ptitle{color:#222;margin-bottom:10px}.hentry .ft-ptitle
    a{color:#222;text-decoration:none}.hentry .ft-ptitle a:hover{color:#666;text-decoration:none}.hentry.page .ft-ptitle{margin-bottom:25px}.hentry .ft-meta{margin-bottom:15px;overflow:hidden}.hentry .ft-bmeta{background:#fafafa;color:#A5A5A5;font-style:italic;font-size:14px;line-height:24px;display:inline-block;padding:4px
    10px;margin:0
    auto;text-align:center;overflow:hidden;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.hentry .ft-bmeta
    a{color:#A5A5A5;text-decoration:none}.hentry .ft-bmeta a:hover{color:#444;text-decoration:underline}.hentry .ft-fimg{max-width:100%;height:auto;margin-bottom:25px;font-size:0;line-height:0;display:block;position:relative}.hentry .ft-fimg
    a{font-size:0;line-height:0;display:block}.hentry .ft-fimg
    img{-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.hentry .ft-entry{font-size:16px;line-height:28px}.hentry .ft-entry
    p{margin-bottom:30px}.hentry.single .ft-entry{margin-bottom:50px}.hentry .ft-morelink
    a{background:#1cd5f0;color:#282828;font-size:14px;font-weight:bold;padding:15px
    25px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;text-decoration:none;text-transform:uppercase}.hentry .ft-morelink a:hover{background:#222;color:#e1eb3e;text-decoration:none}#ft-pagelinks{font-size:26px}.ft-ptags{margin-bottom:25px}.ft-ptags
    strong{font-size:16px;margin-right:10px}.ft-ptags
    a{display:inline-block;background:#1cd5f0;color:#222 !important;padding:4px
    14px;margin:0
    10px 10px 0;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-decoration:none}.ft-ptags a:hover{background:#222;color:#fff !important}.ft-optin{background:#fff;padding:30px;margin-bottom:35px;color:#222;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;border:2px
    #222 solid}.ft-optin
    h5{color:#222;margin-bottom:15px;text-transform:uppercase}.ft-optin
    p{margin-bottom:15px}.ft-optin p
    a{color:#222;text-decoration:underline}.ft-optin p a:hover{color:#222;text-decoration:none}.ft-share{margin-bottom:25px;padding-top:35px;border-top:1px solid #E5E5E5}.ft-share
    ul{margin:0;list-style:none}.ft-share ul
    li{float:left;width:15%;margin-right:2%}.ft-share ul li:last-child{margin-right:0}.ft-share ul li
    a{display:block;background:#fff;color:#222;padding:7px;text-transform:uppercase;text-decoration:none;text-align:center;border:2px
    solid #222;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ft-share ul li a:hover{border:2px
    solid #1cd5f0;text-decoration:none}.ft-bauthor{padding:35px;margin-bottom:35px;border:1px
    solid #e5e5e5;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px}.ft-atava{float:left;width:105px}.ft-atava
    img{padding:3px;border:1px
    solid #e5e5e5;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.ft-atinfo{margin-left:130px}.ft-bauthor
    p{margin-bottom:0}.ft-bauthor
    h4{text-transform:uppercase;margin-bottom:10px;padding:0;border:0;text-align:left;font-style:normal}.ft-bauthor h4
    a{color:#222;text-decoration:none}.ft-bauthor h4 a:hover{color:#666;text-decoration:none}.ft-related{background:url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/border.png")repeat-x left bottom;background-size:3px 11px;padding-bottom:25px;margin-bottom:35px}.ft-related
    h3{text-transform:uppercase;margin-bottom:25px}.ft-related
    ul{margin:0;list-style:none}.ft-related
    li{float:left;width:31%;margin:0
    3.5% 30px 0}.ft-related li:last-child{margin-right:0}.ft-related .ft-fimg{margin-bottom:10px}.ft-related li
    p{margin:0}.ft-related li p
    a{color:#222;text-decoration:none}.ft-related li p a:hover{color:#666;text-decoration:none}.nav-previous,.nav-next{width:50%}.nav-previous a,.nav-next
    a{color:#222}.nav-previous{float:left}.nav-next{float:right;text-align:right}#post-nav{text-align:center}#post-nav .pagination span,#post-nav .pagination
    a{display:inline-block;color:#777;font-size:18px;margin-right:20px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;text-decoration:none}#post-nav .pagination
    span.current{font-size:24px;color:#222}#post-nav .pagination a:hover{color:#222}.ft-boxcm{width:100%}#comments{padding:0
    0 20px}#comments ol,#comments
    ul{margin:0;list-style:none}.comment-title
    h3{padding-bottom:30px;margin:0;text-transform:uppercase}.comment-title h3 a,.comment-title h3 a:hover{color:#222;text-decoration:none}li.comment{border:1px
    solid #e5e5e5;padding:20px
    20px 0 20px;margin-bottom:20px}.bypostauthor{background:#f8f8f8}.comment-body{margin:0;overflow:hidden;position:relative}.comment-header{position:relative}.comment-avatar{float:right;width:60px;margin:0}.comment-avatar
    img{width:52px;padding:3px;border:1px
    solid #e7e7e7;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%}.comment-content{display:block;position:relative}.comment-meta{display:inline-block}.comment
    .vcard{margin:0
    20px 10px 0;position:relative;float:left}.comment-body
    .fn{font-size:18px;font-style:normal;line-height:24px;display:block;padding:2px
    0 1px 0}.comment-body .fn
    a{color:#222;text-decoration:none}.comment-body .fn a:hover{color:#555;text-decoration:none}.comment-body .fn
    a{color:#222}.comment-body .fn a:hover{color:#555}.comment-body
    time{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:11px;line-height:20px;display:block;color:#bbb;text-transform:uppercase;margin-bottom:8px}.comment-body time a,.comment-body time a:hover{color:#bbb;text-decoration:none}.comment-edit-link{font-size:13px;line-height:21px;display:inline-block}a.comment-edit-link,a:hover.comment-edit-link{color:#494949}.ft-reply{margin-bottom:20px}a.comment-reply-link{background:#e9e9e9;color:#999;font-size:9px;padding:0
    8px;display:inline-block;text-decoration:none;text-transform:uppercase}a:hover.comment-reply-link{background:#1cd5f0;color:#fff;text-decoration:none}#allowed_tags,.comment
    p{font-size:15px;line-height:27px}section.comment{background:#fff;padding:0;margin:0}.comments-previous{float:left}.comments-next{float:right}#respond{margin:30px
    0 0 0}#respond
    h3{text-transform:uppercase}form
    label{margin:5px
    0 3px 0;font-size:14px;line-height:20px}form label.comment-field{display:block}#respond
    input{display:block;margin-right:1.33%;width:51%;padding:11px;font-size:14px;line-height:22px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#respond
    p.respond_desc{font-size:12px !important}#respond
    input#url{margin-right:0}#respond
    textarea{background:#fff;height:230px;margin:2px
    0 0;padding:11px;font-size:14px;line-height:22px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#respond
    #submit{color:#222;width:300px;padding:15px
    0;border:0;cursor:pointer;font-weight:400;font-size:22px;line-height:28px;text-transform:uppercase;text-align:center;margin:0;display:block;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#respond #submit:hover,#respond #submit:focus,#respond #submit:active{margin:0;color:#222}.form-allowed-tags{display:none}.comment-form-author{margin:0
    0 10px 0;font-weight:bold}.comment-form-email{margin:0
    0 10px 0;font-weight:bold}.comment-form-url{margin:0
    0 10px 0;font-weight:bold}.comment-form-comment{font-weight:bold}.form-submit{margin:0}#sidebar{float:right;width:410px;top:0;right:0}.widget{width:100%;margin-bottom:35px}.widget:last-child{margin-bottom:0}.widget .widget-title{background:url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/border.png") repeat-x left bottom;background-size:3px 11px;font-size:30px;padding-bottom:25px;margin-bottom:25px}.widget
    a{color:#222;text-decoration:none}.widget a:hover{color:#444;text-decoration:underline}.widget
    ul{margin:0;list-style:none}.widget ul
    li{background:url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/list-arrow.png") no-repeat left 10px;padding:0
    0 10px 15px;margin-bottom:10px;border-bottom:1px solid #e5e5e5}.widget ul li:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}.widget ul li
    a{color:#222;text-decoration:none}.widget ul li a:hover{text-decoration:underline}.widget ul li
    ul{margin-left:10px}.widget
    select{width:99%}.widget_calendar
    table{width:100%;margin:0;border:0}.widget_calendar table
    caption{margin:0
    0 10px;width:100%;overflow:hidden}.widget_calendar table>thead{border:1px
    solid #e5e5e5}.widget_calendar table>thead>tr{color:#fff;border-bottom:1px solid #1cd5f0}.widget_calendar tbody>tr>td{padding:7px
    0 8px;text-align:center;width:14.2857%}.widget_calendar table#wp-calendar thead>tr>th{background:#1cd5f0}.widget_calendar
    th{padding:9px;text-align:center;border-right:1px solid #1cd5f0}.widget_calendar th:last-child{border:0}.widget_calendar table>tbody{border:1px
    solid #e5e5e5}.widget_calendar table>tbody>tr{border-bottom:1px solid #e5e5e5}.widget_calendar table>tbody>tr
    td{border-right:1px solid #e5e5e5}.widget_calendar table>tbody>tr td
    a{font-weight:bold;text-decoration:none}.widget_calendar table > tbody > tr
    td#today{background:#1CD5F0}.widget_calendar table>tbody>tr td#today
    a{color:#fff}.widget_calendar a:hover{text-decoration:underline}.widget_calendar tfoot>tr{border-bottom:1px #222}.widget_calendar
    #prev{text-align:left;font-weight:bold}.widget_calendar #prev
    a{text-decoration:none}.widget_calendar
    #next{text-align:right;font-weight:bold}.widget_calendar #next
    a{text-decoration:none}.widget
    #searchform{background:#fff;overflow:hidden;width:100%}.widget #searchform
    h3{display:none}.widget #searchform input[type="text"]{padding:4%;width:91%;border:1px
    solid #e5e5e5}.widget #searchform input[type="submit"]{display:none}.flickr_badge_image{float:left;width:30.3%;padding:0
    1.5% 3%}.flickr_badge_image
    a{font-size:0;line-height:0;display:block}.flickr_badge_image a:hover
    img{-webkit-opacity:.8;-moz-opacity:.8;opacity:.8}.widget.ft_ads200_widget{margin-bottom:20px}.ft_ads200_widget
    ul{margin:0;list-style:none}.ft_ads200_widget ul
    li{background:0;float:left;padding:0;margin:0
    10px 10px 0}.ft_ads200_widget ul li:nth-child(2n){margin-right:0}.ft_ads200_widget ul li
    a{display:block;font-size:0;line-height:0}.ft_newsletter_widget .widget-title{font-size:20px;color:#fff;background:0;padding:0;margin-bottom:5px}.ft_newsletter_widget{background:#222;color:#fff;width:370px;padding:20px}.ft_newsletter_widget
    p{font-size:13px;line-height:21px;margin-bottom:10px}.ft_newsletter_widget
    form{margin-bottom:0}.ft_newsletter_widget input[type="email"],.ft_newsletter_widget input[type="text"]{width:90%;padding:10px
    5%;margin-bottom:8px;border:0;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}.ft_newsletter_widget input[type="submit"],.ft_newsletter_widget input[type="button"]{padding:8px
    0;width:120px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}.ft_newsletter_widget input[type="submit"]:hover,.ft_newsletter_widget input[type="button"]:hover{background:#444}.ft_posts_widget .ft-wpost,.ft_popular_widget .ft-wpost{border-bottom:1px solid #e5e5e5;padding-bottom:25px;margin-bottom:25px}.ft_posts_widget .ft-wpost:last-child,.ft_popular_widget .ft-wpost:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0}.ft_posts_widget .post-title,.ft_popular_widget .post-title{font-size:20px;line-height:26px;float:right;width:280px;margin-bottom:0 !important}.ft_posts_widget .post-title a,.ft_popular_widget .post-title
    a{color:#222;text-decoration:none}.ft_posts_widget .post-title a:hover,.ft_popular_widget .post-title a:hover{color:#666;text-decoration:none}.ft_posts_widget .ft-spmeta,.ft_popular_widget .ft-spmeta{float:left;background:url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/slush.png") no-repeat right;background-size:30px 42px;width:72px;padding-right:40px;color:#ccc;text-transform:uppercase}.ft_posts_widget .ft-spmmonth,.ft_popular_widget .ft-spmmonth{font-size:18px;line-height:18px}.ft_posts_widget .ft-spmyear,.ft_popular_widget .ft-spmyear{display:block;font-size:25px;line-height:25px}#footer{background:url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/border.png") repeat-x left top;background-size:3px 11px;padding-top:13px}.ft-widgets{width:100%;padding-bottom:10px}#footer
    .widget{float:left;width:21.625%;margin-right:4.5%}#footer .widget:last-child{margin-right:0}#footer .widget .widget-title{background:0;font-size:16px;padding-bottom:0;margin-bottom:20px;text-transform:uppercase}#footer .ft_posts_widget .ft-wpost,#footer .ft_popular_widget .ft-wpost{padding-bottom:10px;margin-bottom:10px}#footer .ft-wpost .ft-spmeta{display:none}#footer .ft-wpost .post-title{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-size:14px;line-height:26px;width:100%}#footer .ft-wpost .post-title a:hover{color:#222;text-decoration:underline}.ft-copyright{padding:25px
    0;width:100%;text-align:center}.ft-cpleft{float:left;width:55%}.ft-cpright{float:right;width:auto;vertical-align:middle}.ft-cpright a
    img{margin-top:-5px;vertical-align:middle}.back-top{bottom:20px;opacity:1;position:fixed;right:20px;visibility:visible;z-index:9999}.back-top
    a{display:block;width:50px}.back-top
    span{background:#1cd5f0 url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/back-top.png") no-repeat;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;height:50px;width:50px}.back-top span:hover{background:#222 url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/back-top_hover.png") no-repeat}.ft-smptitle{background:url("http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/border.png") repeat-x left bottom;background-size:3px 11px;padding-bottom:40px;margin-bottom:40px}.ft-mptitle{margin-bottom:10px}.ft-smptitle
    p{margin-top:20px;font-size:16px;line-height:28px}.ft-smptitle .ft-bauthor{margin:20px
    0 10px}.ft-catdes{margin-top:20px}.ft-catdes
    p{margin-bottom:10px}.ft-arrcposts ul,.ft-arpposts ul,.ft-arpages ul,.ft-arcategories ul,.ft-armonthly
    ul{list-style:none;margin-left:0}.ft-arrcposts li,.ft-arpposts li,.ft-arpages li,.ft-arcategories li,.ft-armonthly
    li{padding:0;margin-bottom:0}.error-page
    #searchform{border:1px
    solid #e5e5e5;overflow:hidden;position:relative}.error-page #searchform
    h3{display:none}.error-page #searchform input[type="text"]{padding:15px;width:80%}.error-page #searchform input[type="submit"]{width:45px;height:45px;margin:0;right:0;position:absolute}.sticky{}@media only screen and (max-width:1080px){.ft-icons{width:26%;display:none}.ft-share ul
    li{width:23.25%;margin-right:2%}.ft-menu{width:60%}.ft-share ul li.ft-slinkedin{margin-right:0}.ft-spinterest,.ft-sstumbleupon{display:none}.ft-optin .optin-desc, .ft-optin .optin-form{float:none!important;width:100%!important}.ft-optin .optin-form input[type="email"], .ft-optin .optin-form input[type="text"]{width:100%!important}}@media only screen and (max-width:959px){.wrapper{width:92%}.ft-menu{width:5%}.ft-icons{display:block}#sidebar{display:none}.content-wrapper{margin-right:0}a.ft-jpbutton{display:inline-block}.primenu{display:none}.ft-logo{max-width:50%}.ft-headerad{display:none}.ft-share ul
    li{width:23.25%;margin-right:2%}.ft-share ul li.ft-slinkedin{margin-right:0}.ft-spinterest,.ft-sstumbleupon{display:none}}@media only screen and (max-width:767px){.ft-menu{width:5%}.ft-icons{width:29%;display:block}.ft-icons ul
    li{margin-right:5px}.ft-logo{}.ft-search-hide
    #searchform{width:400px;margin-left:-200px}.ft-search-hide #searchform input[type="text"]{width:340px}.ft-search-hide
    h3{font-size:20px}.ft-share ul
    li{width:30%;margin-right:5%}.ft-share ul li.ft-sgoogle{margin-right:0}.ft-share ul li.ft-slinkedin{display:none}#respond
    #submit{width:100%}#footer
    .widget{width:100%;margin-right:0}.ft-cpleft,.ft-cpright{float:left;width:100%}}@media only screen and (max-width:600px){.ft-related
    li{width:100%;margin-right:0}.ft-menu{float:right}.ft-icons{display:none}}@media only screen and (max-width:479px){.wrapper{min-width:300px}.ft-menu{width:5%;float:right}.ft-icons{display:none}.ft-logo{width:70%;max-width:100%;margin-right:0}.ft-search-hide
    #searchform{width:280px;margin-left:-140px}.ft-search-hide
    h3{font-size:14px;line-height:25px;margin:-26px auto 1px auto}.ft-search-hide #searchform input[type="text"]{width:210px}.ft-optin input[type="email"],.ft-optin input[type="text"]{width:90%;display:block;margin-bottom:7px;-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}.ft-optin input[type="submit"]{-webkit-border-radius:25px;-moz-border-radius:25px;border-radius:25px}.ft-share ul
    li{width:45%;margin-right:10%}.ft-share ul li.ft-sfacebook{margin-right:0}.ft-share ul li.ft-sgoogle{display:none}.ft-share ul li.ft-slinkedin{display:none}.ft-related
    li{width:100%;margin-right:0}.ft-bauthor{padding:15px}.ft-atava{width:65px}.ft-atinfo{margin-left:85px}textarea{width:92%}}.down_btn,.demo_btn{width:100%;text-align:center;margin-bottom:30px}.down_btn a,
    .demo_btn
    a{display:inline-block;text-align:center;background-color:#edf74b;border:2px
    solid #282828;padding:15px
    40px;color:#282828;text-decoration:none;font-weight:bold;margin:0
    auto;transition: .3s linear;-wrbkit-transition: .3s linear;-moz-transition: .3s linear;-o-transition: .3s linear}.demo_btn a:first-child{margin-right:40px}.down_btn a:hover,
    .demo_btn a:hover{background:#e1eb3e;color:#282828}.down_btn a i,
    .demo_btn a
    i{display:inline-block;width:16px;height:16px;background:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/images/down.png') no-repeat;margin-right:20px}.ft-optin .optin-desc{width:55%;float:left}.ft-optin .optin-form{width:240px;float:right}.ft-optin .optin-form input[type="email"],
    .ft-optin .optin-form input[type="text"]{width:216px;border:1px
    #ddd solid;border-radius:2px!important;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;-o-border-radius:2px!important;margin-bottom:10px}.ft-optin .optin-form input[type="submit"]{width:100%!important;background:#edf74b;color:#222;border-radius:2px!important;-webkit-border-radius:2px!important;-moz-border-radius:2px!important;-o-border-radius:2px!important;margin-top:10px}.ft-optin .optin-form input[type="submit"]:hover{background:#e1eb3e}.g_ads{width:100%;padding:20px
    0;background:#FAFAFA;margin:40px
    auto;border:1px
    #F0F0F0  solid}.Square_ad{display:block;width:250px;height:250px;margin:0
    auto}.top_banner{width:728px;height:90px;margin:0
    auto 50px auto;overflow:hidden}.side_ad{margin:0
    auto!important;text-align:center}.links{display:block;width:468px;height:15px;margin:0
    auto 40px auto}@font-face{font-family:'FontAwesome';src:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/font/fontawesome-webfont.eot?v=3.2.0');src:url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/font/fontawesome-webfont.eot?#iefix&v=3.2.0') format('embedded-opentype'),url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/font/fontawesome-webfont.woff?v=3.2.0') format('woff'),url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/font/fontawesome-webfont.ttf?v=3.2.0') format('truetype'),url('http://pixelhint.pixelhint.netdna-cdn.com/wp-content/themes/beandot/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.0') format('svg');font-weight:normal;font-style:normal}

Examples and source code

icon-reorder

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

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

icon-reorder

icon-reorder

icon-reorder

icon-reorder

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

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-reorder on icon-check-empty
icon-reorder on icon-circle
icon-reorderl on icon-sign-blank
icon-ban-circle on icon-reorder

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