Font Awesome icon usage statistics

  • 2 types of Font Awesome iconic font are used and found 2 times in total.
  • LINKMAJESTY.COM used 1.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of LINKMAJESTY.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • LINKMAJESTY.COM includes "http://www.linkmajesty.com/wp-content/cache/min/1/f0d4b846cecef4b8f7e844eca77e47c7.css" to use Font Awesome and information from CSS is like below.
  • /**/.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-accordion .ui-icon{display:none}.ui-accordion .revealbox .ui-icon{display:block}.ui-accordion .ui-accordion-header{cursor:pointer;font-size:16px;font-size:1.6rem;font-weight:300;padding:8px
    0 8px 11px;margin:0}.ui-accordion .ui-accordion-header.ui-state-active{background:none;box-shadow:none;padding-top:6px}.ui-accordion .ui-accordion-header
    a{padding:9px
    10px}.ui-accordion .ui-accordion-header.ui-state-active .fa-plus:before,
    .revealbox .reveal.ui-state-active .fa-plus:before{content:'\f068'}.blue-lite
    i.fa{color:#00a2ff}.black
    i.fa{color:#1e1e1e}.blue
    i.fa{color:#1d6bd5}.green-lite
    i.fa{color:#3BC2A8}.green
    i.fa{color:#7eae1d}.grey
    i.fa{color:#828282}.ui-accordion i,
    .revealbox i,
    .grey-lite
    i.fa{color:#ccc}.orange-lite
    i.fa{color:#ff9d11}.orange
    i.fa{color:#fd5f00}.pink-lite
    i.fa{color:#f04efa}.pink
    i.fa{color:#ed09d6}.purple-lite
    i.fa{color:#af4efa}.purple
    i.fa{color:#7c1dd5}.red-lite
    i.fa{color:#ff3b3b}.red
    i.fa{color:#e10000}.teal-lite
    i.fa{color:#4ea8d2}.teal
    i.fa{color:#097aa4}.white
    i.fa{color:#fff}.yellow
    i.fa{color:#fff600}.yellow-lite
    i.fa{color:#fffb83}#primary-wrapper .ui-tabs-panel{height:inherit;position:relative;margin-top:1px;padding:10px;border-top-left-radius:0}.ui-tabs{position:relative;padding-top:0!important;top:-4px;zoom:1}.ui-tabs .ui-tabs-nav{margin:0;padding:0}.ui-tabs ul.ui-tabs-nav
    li{list-style:none;float:left;position:relative;top:4px;margin:0
    4px 2px 0;border-bottom:0;padding:0;white-space:nowrap}.ui-tabs ul.ui-tabs-nav
    li{border-bottom-right-radius:0;border-bottom-left-radius:0}.wpb_tour .ui-tabs ul.ui-tabs-nav
    li{-moz-border-radius:6px 0 0 6px;-webkit-border-radius:6px 0 0 6px;border-radius:6px 0 0 6px}.ui-tabs .ui-tabs-nav li
    a{padding:5px
    10px 7px 10px !important}.ui-tabs .ui-tabs-nav li
    a{float:left}.ui-tabs .ui-tabs-nav li.ui-tabs-active{z-index:1}.ui-tabs .ui-tabs-nav li a,
    .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active
    a{cursor:pointer}.ui-tabs .ui-tabs-hide{display:none}.ui-tabs ul.ui-tabs-nav
    li{float:left}.ui-tabs .ui-tabs-nav li
    a{cursor:pointer;font-size:16px;font-size:1.6rem;font-weight:300;margin:2px
    0 0 0;width:inherit}.ui-tabs .ui-tabs-active
    a{margin-top:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active{box-shadow:none}.wpb_tour .ui-tabs ul.ui-tabs-nav
    li{top:2px}.wpb_tour .ui-tabs .ui-tabs-nav li, .wpb_tour .ui-tabs .ui-tabs-nav li.ui-tabs-selected{clear:both;margin-right:0;width:100%}.wpb_tour .ui-tabs .ui-tabs-nav li,
    .wpb_tour .ui-tabs .ui-tabs-nav li.ui-tabs-selected{border-bottom:1px solid #e9e9e9;margin-bottom:0;margin-top:-1px}.wpb_tour li.ui-tabs-active{border-right:0}.wpb_tour .wpb_tab, .wpb_tour .wpb_tab.ui-tabs-panel{float:left;width:70%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;margin-left:-1px}.wpb_tour .ui-tabs .ui-tabs-nav{float:left;width:30%}.wpb_tour_next_prev_nav{display:none}.revealbox{position:relative;height:inherit;overflow:hidden;margin:2px;margin-left:0;padding:8px;padding-right:0;padding-left:0;clear:both}.boxcontent
    .revealbox{margin-bottom:0}.revealbox .ui-icon{position:absolute;left:0;line-height:1.4em}.revealbox
    h4.reveal{cursor:pointer;font-size:16px;font-size:1.6rem;margin-bottom:0;margin-top:2px;display:block;padding-left:24px}.revealbox h4.reveal.ui-state-active{margin-top:0}.revealbox.center{margin-left:auto;margin-right:auto;display:table;clear:both}.revealbox.left{float:left}.revealbox.right{float:right}.revealbox .reveal-content{padding-top:10px;overflow:hidden;display:none}.revealbox.true .reveal-content{display:block}span.dropcap.one{clear:both;float:left;font-size:28px;line-height:normal;margin-right:6px;text-shadow:1px 1px 1px rgba(0,0,0,0.1);text-align:center}span.dropcap{color:#bbb}span.dropcap.black{color:#1e1e1e}span.dropcap.blue-lite{color:#00a2ff}span.dropcap.blue{color:#1d6bd5}span.dropcap.green-lite{color:#3BC2A8}span.dropcap.green{color:#7eae1d}span.dropcap.grey{color:#828282}span.dropcap.orange-lite{color:#ff9d11}span.dropcap.orange{color:#fd5f00}span.dropcap.pink-lite{color:#f04efa}span.dropcap.pink{color:#ed09d6}span.dropcap.purple-lite{color:#af4efa}span.dropcap.purple{color:#7c1dd5}span.dropcap.red-lite{color:#ff3b3b}span.dropcap.red{color:#e10000}span.dropcap.teal-lite{color:#4ea8d2}span.dropcap.teal{color:#097aa4}span.dropcap.transparent{color:#fff}span.dropcap.white{color:#fff}span.dropcap.yellow-lite{color:#fffb83}span.dropcap.yellow{color:#fff600}span.dropcap.two{clear:both;float:left;font-size:25px;height:40px;line-height:40px;width:40px;margin-right:6px;text-shadow:1px 1px 2px rgba(0,0,0,0.12);text-align:center;position:relative}span.dropcap.two
    cufon{padding-left:3px;margin-top:-2px}span.dropcap.two
    .cufon{margin-right:2px}tooltip-info{cursor:pointer;overflow:visible;clear:both;display:inline-block;padding-top:5px}span.tooltip-icon{position:relative;display:inline-block;width:22px;height:22px;line-height:22px;text-align:center;color:#fff;padding:0;margin-left:4px;background-color:#0094E3;cursor:pointer}span.tooltip-icon:before{content:'\F129';margin-left:3px;margin-top:1px}.tooltip{display:none;padding:15px;font-size:11px;text-shadow:none;min-width:100px;max-width:250px;color:#fff;background-color:#000;-moz-box-shadow:0 0 10px rgba(0,0,0,0.6);-webkit-box-shadow:0 0 10px rgba(0,0,0,0.6);box-shadow:0 0 10px rgba(0,0,0,0.6);position:absolute;z-index:998;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px}.tooltip.light{color:#000;background-color:#fff}.socialicons .tooltip-info{padding-top:0}.socialicons
    .tooltip{min-width:30px;text-align:center;white-space:nowrap}div.animator-wrap.float{display:none;position:absolute;top:0;left:0}div.animator-wrap.float.direction-left,div.animator-wrap.float.direction-right,div.animator-wrap.float.center{width:100%}div.animator-wrap.float.direction-down,div.animator-wrap.float.direction-up{height:100%}div.animator-wrap{display:none}div.animator-wrap h1,
    div.animator-wrap h2,
    div.animator-wrap h3,
    div.animator-wrap h4,
    div.animator-wrap h5,
    div.animator-wrap
    h6{margin-bottom:0}div.animator-wrap.center{text-align:center}div.animator-wrap.right{float:right;left:auto;right:0}#primary-wrapper div.animator-wrap.left
    img{margin:0;text-align:left}#primary-wrapper div.animator-wrap.right
    img{margin:0;float:right}.nv-pricing-table .nv-pricing-plan{margin:0;text-align:center;position:relative;margin-top:14px}.nv-pricing-plan{float:left !important}.nv-pricing-container{border-left:0;padding:0;-moz-border-radius:0;-webkit-border-radius:0;border-radius:0}span.price-value{font-size:22px;font-size:2.2rem;font-weight:bold}.nv-pricing-table.two-column .nv-pricing-plan,
    .nv-pricing-table .nv-pricing-plan.two-column{width:50%}.nv-pricing-table.three-column .nv-pricing-plan,
    .nv-pricing-table .nv-pricing-plan.three-column{width:33.3%}.nv-pricing-table.four-column .nv-pricing-plan,
    .nv-pricing-table .nv-pricing-plan.four-column{width:25%}.nv-pricing-table.five-column .nv-pricing-plan,
    .nv-pricing-table .nv-pricing-plan.five-column{width:20%}.nv-pricing-table.six-column .nv-pricing-plan,
    .nv-pricing-table .nv-pricing-plan.six-column{width:16.6%}.nv-pricing-table .one-column.nv-pricing-plan{width:100%}.nv-pricing-signup,.nv-pricing-title,.nv-pricing-cost,.nv-pricing-content{position:relative;padding:10px}.nv-pricing-title{padding:8px;background-image:url(/wp-content/themes/DynamiX/images/button-a.png);background-position:center -30px;background-repeat:repeat-x}.nv-pricing-title
    h4{margin:0}.nv-pricing-title{text-shadow:0 -1px 1px rgba(255,255,255,0.4)}.nv-pricing-table .nv-pricing-plan .nv-pricing-title.icon{padding-top:25px}.nv-pricing-signup .button-wrap,
    .header-infobar .button-wrap,
    .styledbox .button-wrap{margin-bottom:0}.nv-pricing-plan.featured .button-wrap{font-size:larger}.nv-pricing-plan.featured{margin-top:0;-webkit-box-shadow:0 0 14px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 14px rgba(0, 0, 0, 0.3);box-shadow:0 0 14px rgba(0, 0, 0, 0.3);z-index:1}.nv-pricing-content ul
    li{margin:0;padding:10px
    0;list-style:none}.nv-pricing-content
    ul{margin:0}.nv-pricing-content ul li:last-child{background:none}.nv-pricing-table .icon-wrap{position:absolute;font-size:35px;width:50px;height:50px;line-height:47px;text-align:center;left:50%;top:0;margin-left:-25px;margin-top:-25px;z-index:1}.nv-pricing-plan.featured .nv-pricing-signup,
    .nv-pricing-plan.featured .nv-pricing-title{padding:15px
    10px}.nv-pricing-title.black h4,
    .nv-pricing-title.blue-lite h4,
    .nv-pricing-title.blue h4,
    .nv-pricing-title.green h4,
    .nv-pricing-title.green-lite h4,
    .nv-pricing-title.grey h4,
    .nv-pricing-title.orange-lite h4,
    .nv-pricing-title.orange h4,
    .nv-pricing-title.pink-lite h4,
    .nv-pricing-title.pink h4,
    .nv-pricing-title.purple-lite h4,
    .nv-pricing-title.purple h4,
    .nv-pricing-title.red-lite h4,
    .nv-pricing-title.red h4,
    .nv-pricing-title.teal-lite h4,
    .nv-pricing-title.teal
    h4{color:#fff;text-shadow:0 1px 1px rgba(0,0,0,0.2)}.featured .nv-pricing-container.blue-lite,
    .nv-pricing-plan.blue-lite .icon-wrap,.nv-pricing-title.blue-lite{border:1px
    solid  #00a2ff}.featured .nv-pricing-container.blue,
    .nv-pricing-plan.blue .icon-wrap,.nv-pricing-title.blue{border:1px
    solid  #1d6bd5}.featured .nv-pricing-container.green,
    .nv-pricing-plan.green .icon-wrap,.nv-pricing-title.green{border:1px
    solid  #7eae1d}.featured .nv-pricing-container.green-lite,
    .nv-pricing-plan.green-lite .icon-wrap,.nv-pricing-title.green-lite{border:1px
    solid  #3BC2A8}.featured .nv-pricing-container.grey-lite,
    .nv-pricing-plan.grey-lite .icon-wrap,.nv-pricing-title.grey-lite{border:1px
    solid  #ededed}.featured .nv-pricing-container.grey,
    .nv-pricing-plan.grey .icon-wrap,.nv-pricing-title.grey{border:1px
    solid  #425255}.featured .nv-pricing-container.orange-lite,
    .nv-pricing-plan.orange-lite .icon-wrap,.nv-pricing-title.orange-lite{border:1px
    solid  #ff9d11}.featured .nv-pricing-container.orange,
    .nv-pricing-plan.orange .icon-wrap,.nv-pricing-title.orange{border:1px
    solid  #fd5f00}.featured .nv-pricing-container.pink-lite,
    .nv-pricing-plan.pink-lite .icon-wrap,.nv-pricing-title.pink-lite{border:1px
    solid  #f04efa}.featured .nv-pricing-container.pink,
    .nv-pricing-plan.pink .icon-wrap,.nv-pricing-title.pink{border:1px
    solid  #ed09d6}.featured .nv-pricing-container.purple-lite,
    .nv-pricing-plan.purple-lite .icon-wrap,.nv-pricing-title.purple-lite{border:1px
    solid  #af4efa}.featured .nv-pricing-container.purple,
    .nv-pricing-plan.purple .icon-wrap,.nv-pricing-title.purple{border:1px
    solid  #7c1dd5}.featured .nv-pricing-container.red-lite,
    .nv-pricing-plan.red-lite .icon-wrap,.nv-pricing-title.red-lite{border:1px
    solid  #ff3b3b}.featured .nv-pricing-container.red,
    .nv-pricing-plan.red .icon-wrap,.nv-pricing-title.red{border:1px
    solid  #e10000}.featured .nv-pricing-container.teal-lite,
    .nv-pricing-plan.teal-lite .icon-wrap,.nv-pricing-title.teal-lite{border:1px
    solid  #4ea8d2}.featured .nv-pricing-container.teal,
    .nv-pricing-plan.teal .icon-wrap,.nv-pricing-title.teal{border:1px
    solid  #097aa4}.featured .nv-pricing-container.white,
    .nv-pricing-plan.white .icon-wrap,.nv-pricing-title.white{border:1px
    solid  #fff}.featured .nv-pricing-container.yellow-lite,
    .nv-pricing-plan.yellow-lite .icon-wrap,.nv-pricing-title.yellow-lite{border:1px
    solid  #ffef69}.featured .nv-pricing-container.yellow,
    .nv-pricing-plan.yellow .icon-wrap,.nv-pricing-title.yellow{border:1px
    solid  #ffe115}.nv-pricing-title.blue-lite{background-color:#00a2ff}.nv-pricing-title.blue{background-color:#1d6bd5}.nv-pricing-title.green{background-color:#7eae1d}.nv-pricing-title.green-lite{background-color:#3BC2A8}.nv-pricing-title.grey-lite{background-color:#ededed}.nv-pricing-title.grey{background-color:#425255}.nv-pricing-title.orange-lite{background-color:#ff9d11}.nv-pricing-title.orange{background-color:#fd5f00}.nv-pricing-title.pink-lite{background-color:#f04efa}.nv-pricing-title.pink{background-color:#ed09d6}.nv-pricing-title.purple-lite{background-color:#af4efa}.nv-pricing-title.purple{background-color:#7c1dd5}.nv-pricing-title.red-lite{background-color:#ff3b3b}.nv-pricing-title.red{background-color:#e10000}.nv-pricing-title.teal-lite{background-color:#4ea8d2}.nv-pricing-title.teal{background-color:#097aa4}.nv-pricing-title.transparent{background-color:none}.nv-pricing-title.white{background-color:#fff}.nv-pricing-title.yellow-lite{background-color:#ffef69}.nv-pricing-title.yellow{background-color:#ffe115}.vc_progress_bar
    .vc_single_bar{background:#f7f7f7;position:relative;margin-bottom:11.666666666666666px;-webkit-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;-moz-box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;box-shadow:0 1px 2px rgba(0, 0, 0, 0.1) inset;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}.vc_progress_bar .vc_single_bar:last-child{margin-bottom:0}.vc_progress_bar .vc_single_bar
    .vc_label{display:block;padding:0.5em 1em;position:relative;z-index:1}.vc_progress_bar .vc_single_bar.bar_blue
    .vc_bar{background-color:#0074CC}.vc_progress_bar .vc_single_bar.bar_blue
    .vc_label{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}.vc_progress_bar .vc_single_bar.bar_turquoise
    .vc_bar{background-color:#49afcd}.vc_progress_bar .vc_single_bar.bar_turquoise
    .vc_label{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}.vc_progress_bar .vc_single_bar.bar_green
    .vc_bar{background-color:#5bb75b}.vc_progress_bar .vc_single_bar.bar_green
    .vc_label{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}.vc_progress_bar .vc_single_bar.bar_orange
    .vc_bar{background-color:#faa732}.vc_progress_bar .vc_single_bar.bar_orange
    .vc_label{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}.vc_progress_bar .vc_single_bar.bar_red
    .vc_bar{background-color:#da4f49}.vc_progress_bar .vc_single_bar.bar_red
    .vc_label{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}.vc_progress_bar .vc_single_bar.bar_black
    .vc_bar{background-color:#414141}.vc_progress_bar .vc_single_bar.bar_black
    .vc_label{color:#fff;text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25)}.vc_progress_bar .vc_single_bar
    .vc_bar{display:block;position:absolute;height:100%;background-color:#e0e0e0;width:0%;top:0;left:0;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;transition:width 1s linear;-moz-transition:width 1s linear;-webkit-transition:width 1s linear;-o-transition:width 1s linear}.vc_progress_bar .vc_single_bar
    .vc_bar.striped{background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent));background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);-webkit-background-size:40px 40px;-moz-background-size:40px 40px;-o-background-size:40px 40px;background-size:40px 40px}.vc_progress_bar .vc_single_bar
    .vc_bar.animated{-webkit-animation:progress-bar-stripes 2s linear infinite;-moz-animation:progress-bar-stripes 2s linear infinite;-ms-animation:progress-bar-stripes 2s linear infinite;-o-animation:progress-bar-stripes 2s linear infinite;animation:progress-bar-stripes 2s linear infinite}@-webkit-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-moz-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-ms-keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}@-o-keyframes progress-bar-stripes{from{background-position:0 0}to{background-position:40px 0}}@keyframes progress-bar-stripes{from{background-position:40px 0}to{background-position:0 0}}.vc_pie_chart{z-index:0;text-align:center}.vc_pie_chart
    .vc_pie_wrapper{position:relative;margin:0
    auto}.vc_pie_chart
    canvas{position:relative;z-index:1}.vc_pie_chart
    .vc_pie_chart_value{font-size:200%;position:absolute;top:0;left:0;display:block;width:100%;height:100%;text-align:center}.vc_pie_chart[data-pie-color="wpb_button"] .vc_pie_chart_back{border-color:#f7f7f7}.vc_pie_chart[data-pie-color="btn-primary"] .vc_pie_chart_back{border-color:#08c}.vc_pie_chart[data-pie-color="btn-info"] .vc_pie_chart_back{border-color:#58b9da}.vc_pie_chart[data-pie-color="btn-success"] .vc_pie_chart_back{border-color:#6ab165}.vc_pie_chart[data-pie-color="btn-warning"] .vc_pie_chart_back{border-color:#f90}.vc_pie_chart[data-pie-color="btn-danger"] .vc_pie_chart_back{border-color:#ff675b}.vc_pie_chart[data-pie-color="btn-inverse"] .vc_pie_chart_back{border-color:#555}.vc_pie_chart_back{display:block;position:absolute;width:100%;height:100%;top:0;left:0;border:6px
    solid #f7f7f7;border-radius:999px;border-radius:50%;opacity:0.3;filter:alpha(opacity=30);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box}.wpb_animate_when_almost_visible{opacity:0}.wpb_start_animation.wpb_top-to-bottom{-webkit-animation:wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_ttb 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_ttb 0.7s 1 cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}.wpb_start_animation.wpb_bottom-to-top{-webkit-animation:wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_btt 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_btt 0.7s 1 cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}.wpb_start_animation.wpb_left-to-right{-webkit-animation:wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_ltr 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_ltr 0.7s 1 cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}.wpb_start_animation.wpb_right-to-left{-webkit-animation:wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_rtl 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_rtl 0.7s 1 cubic-bezier(0.175,0.885,0.32,1.275);opacity:1}.wpb_start_animation.wpb_appear{-webkit-animation:wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-moz-animation:wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-o-animation:wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);animation:wpb_appear 0.7s 1 cubic-bezier(0.175, 0.885, 0.32, 1.275);-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1);opacity:1}@-webkit-keyframes
    wpb_ttb{0%{-webkit-transform:translate(0,-10%);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes
    wpb_ttb{0%{-moz-transform:translate(0,-10%);opacity:0}100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes
    wpb_ttb{0%{-o-transform:translate(0,-10%);opacity:0}100%{-o-transform:translate(0, 0);opacity:1}}@keyframes
    wpb_ttb{0%{transform:translate(0,-10%);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes
    wpb_btt{0%{-webkit-transform:translate(0,10%);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes
    wpb_btt{0%{-moz-transform:translate(0,10%);opacity:0}100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes
    wpb_btt{0%{-o-transform:translate(0,10%);opacity:0}100%{-o-transform:translate(0, 0);opacity:1}}@keyframes
    wpb_btt{0%{transform:translate(0,10%);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes
    wpb_ltr{0%{-webkit-transform:translate(-10%,0);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes
    wpb_ltr{0%{-moz-transform:translate(-10%,0);opacity:0}100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes
    wpb_ltr{0%{-o-transform:translate(-10%,0);opacity:0}100%{-o-transform:translate(0, 0);opacity:1}}@keyframes
    wpb_ltr{0%{transform:translate(-10%,0);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes
    wpb_rtl{0%{-webkit-transform:translate(10%,0);opacity:0}100%{-webkit-transform:translate(0, 0);opacity:1}}@-moz-keyframes
    wpb_rtl{0%{-moz-transform:translate(10%,0);opacity:0}100%{-moz-transform:translate(0, 0);opacity:1}}@-o-keyframes
    wpb_rtl{0%{-o-transform:translate(10%,0);opacity:0}100%{-o-transform:translate(0, 0);opacity:1}}@keyframes
    wpb_rtl{0%{transform:translate(10%,0);opacity:0}100%{transform:translate(0, 0);opacity:1}}@-webkit-keyframes
    wpb_appear{0%{-webkit-transform:scale(0.5);opacity:0.1}100%{-webkit-transform:scale(1);opacity:1}}@-moz-keyframes
    wpb_appear{0%{-moz-transform:scale(0.5);opacity:0.1}100%{-moz-transform:scale(1);opacity:1}}@-o-keyframes
    wpb_appear{0%{-o-transform:scale(0.5);opacity:0.1}100%{-o-transform:scale(1);opacity:1}}@keyframes
    wpb_appear{0%{transform:scale(0.5);opacity:0.1}100%{transform:scale(1);opacity:1}}.shop-cart
    span{height:auto}.shop-cart .shop-cart-itemnum{font-weight:bold}.shop-cart .shop-cart-items{float:left;position:relative;line-height:34px;padding-left:10px;margin-left:5px;background:url(/wp-content/themes/DynamiX/images/break-f.png) repeat-y left}.shop-cart .shop-cart-items
    a{color:inherit}.shop-cart span.shop-cart-icon{position:relative;width:24px;line-height:34px;display:block;float:right;margin-left:5px}.shop-cart span.shop-cart-icon:before{content:'\f07a';font-size:16px}span.productprice{background:url(/wp-content/themes/DynamiX/images/acc_bg.png);position:absolute;z-index:100;color:#f5f5f5;top:0;font-size:20px;padding:5px;line-height:normal;overflow:hidden}#primary-wrapper span.productprice
    span.amount{color:#f5f5f5}.woocommerce div.images img,.woocommerce li.product
    img{width:auto !important;height:auto !important}.woocommerce input.button:hover{color:inherit !important}.woocommerce input.alt.button:hover{color:#fff !important}.woocommerce table.cart
    a.remove{width:1.3em !important;height:1.3em !important}.woocommerce li.product
    .onsale{left:0 !important;right:auto !important}.woocommerce-pagination ul li,
    .woocommerce-pagination
    ul{border:none !important}.woocommerce-pagination ul
    li{margin:0
    2px !important}.single_variation{margin-bottom:15px}.woocommerce-message::before,.woocommerce-error::before,.woocommerce-info::before{box-sizing:content-box}.woocommerce
    a.added_to_cart{margin-left:28px}.stage-slider .container.frame
    .productprice{top:6px}.isotope-item{z-index:2}.isotope-hidden.isotope-item{pointer-events:none;z-index:1}.isotope,
    .isotope .isotope-item,.columns{-webkit-transition-duration:0.8s;-moz-transition-duration:0.8s;-ms-transition-duration:0.8s;-o-transition-duration:0.8s;transition-duration:0.8s}.isotope,.columns{-webkit-transition-property:height, width;-moz-transition-property:height, width;-ms-transition-property:height, width;-o-transition-property:height, width;transition-property:height, width}.isotope .isotope-item{-webkit-transition-property:-webkit-transform, opacity;-moz-transition-property:-moz-transform, opacity;-ms-transition-property:-ms-transform, opacity;-o-transition-property:-o-transform, opacity;transition-property:transform, opacity}.fancybox-wrap,
    .fancybox-skin,
    .fancybox-outer,
    .fancybox-inner,
    .fancybox-image,
    .fancybox-wrap iframe,
    .fancybox-wrap object,
    .fancybox-nav,
    .fancybox-nav span,.fancybox-tmp{padding:0;margin:0;border:0;outline:none;vertical-align:top}.fancybox-wrap{position:absolute;top:0;left:0;z-index:8020}.fancybox-skin{position:relative;background:#f9f9f9;color:#444;text-shadow:none;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px}.fancybox-opened{z-index:8030}.fancybox-opened .fancybox-skin{-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);-moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);box-shadow:0 10px 25px rgba(0,0,0,0.5)}.fancybox-outer,.fancybox-inner{position:relative}.fancybox-inner{overflow:hidden}.fancybox-type-iframe .fancybox-inner{-webkit-overflow-scrolling:touch}.fancybox-error{color:#444;font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;margin:0;padding:15px;white-space:nowrap}.fancybox-image,.fancybox-iframe{display:block;width:100%;height:100%}.fancybox-image{max-width:100%;max-height:100%}#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next
    span{background-image:url('/wp-content/themes/DynamiX/images/fancybox/fancybox_sprite.png')}#fancybox-loading{position:fixed;top:50%;left:50%;margin-top:-22px;margin-left:-22px;background-position:0 -108px;opacity:0.8;cursor:pointer;z-index:8060}#fancybox-loading
    div{width:44px;height:44px;background:url('/wp-content/themes/DynamiX/images/fancybox/fancybox_loading.gif') center center no-repeat}.fancybox-close{position:absolute;top:-18px;right:-18px;width:36px;height:36px;cursor:pointer;z-index:8040}.fancybox-nav{position:absolute;top:0;width:40%;height:100%;cursor:pointer;text-decoration:none;background:transparent url('/wp-content/themes/DynamiX/images/fancybox/blank.gif');-webkit-tap-highlight-color:rgba(0,0,0,0);z-index:8040}.fancybox-prev{left:0}.fancybox-next{right:0}.fancybox-nav
    span{position:absolute;top:50%;width:36px;height:34px;margin-top:-18px;cursor:pointer;z-index:8040;visibility:hidden}.fancybox-prev
    span{left:10px;background-position:0 -36px}.fancybox-next
    span{right:10px;background-position:0 -72px}.fancybox-nav:hover
    span{visibility:visible}.fancybox-tmp{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-lock{overflow:hidden}.fancybox-overlay{position:absolute;top:0;left:0;overflow:hidden;display:none;z-index:8010;background:url('/wp-content/themes/DynamiX/images/fancybox/fancybox_overlay.png')}.fancybox-overlay-fixed{position:fixed;bottom:0;right:0}.fancybox-lock .fancybox-overlay{overflow:auto;overflow-y:scroll}.fancybox-title{visibility:hidden;font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;position:relative;text-shadow:none;z-index:8050}.fancybox-opened .fancybox-title{visibility:visible}.fancybox-title-float-wrap{position:absolute;bottom:0;right:50%;margin-bottom:-35px;z-index:8050;text-align:center}.fancybox-title-float-wrap
    .child{display:inline-block;margin-right:-100%;padding:2px
    20px;background:transparent;background:rgba(0, 0, 0, 0.8);-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;text-shadow:0 1px 2px #222;color:#FFF;font-weight:bold;line-height:24px;white-space:nowrap}.fancybox-title-outside-wrap{position:relative;margin-top:10px;color:#fff}.fancybox-title-inside-wrap{padding-top:10px}.fancybox-title-over-wrap{position:absolute;bottom:0;left:0;color:#fff;padding:10px;background:#000;background:rgba(0,0,0,.8)}.cufon{}@media only screen and (min-width: 2020px){.wpb_row.wide-row .wide-row-inner{width:260%;left:-80%}}#primary-wrapper{min-width:0}@media handheld, only screen and (max-width: 767px){h1{font-size:32px;font-size:3.2rem;line-height:1.3}h2{font-size:28px;font-size:2.8rem;line-height:1.3}h3{font-size:21px;font-size:2.1rem;line-height:1.3}h4{font-size:18px;font-size:1.8rem;line-height:1.2}h5{font-size:16px;font-size:1.6rem;line-height:1.2}h6{font-size:15px;font-size:1.5rem;line-height:1.2}body,p{font-size:15px;font-size:1.5rem;line-height:1.4}}@media only screen and (max-width: 767px){.alignleft,.alignright{float:none !important;margin:0
    auto !important;margin-bottom:15px !important}.nextprevious_posts
    .alignright{float:right !important}body{-webkit-text-size-adjust:none;-ms-text-size-adjust:none;width:100%;min-width:0;margin-left:0;margin-right:0;padding-left:0;padding-right:0}.wrapper{min-width:0;margin-left:0;margin-right:0}.row{width:auto;min-width:0;margin-left:0;margin-right:0}#header .logo-menu-wrap{padding:0
    !important;max-width:100% !important;width:100%;min-width:0}.sticky-wrapper{height:auto !important}.gallery-wrap{margin:0
    auto}#primary-wrapper
    .columns{margin-left:0}#primary-wrapper .column, #primary-wrapper .columns,.blockquote_quotes{width:100% !important;max-width:100%;float:none;margin-bottom:15px}.nv-pricing-plan,.effect-wrap.textimageleft,.effect-wrap.textimageright{width:100% !important;max-width:100%}.wpb_row.wide-row{overflow:hidden !important}[class*="column"]+[class*="column"]:last-child{float:none}.column:before,.columns:before,.column:after,.columns:after{content:"";display:table}.column:after,.columns:after{clear:both}.offset-by-one,.offset-by-two,.offset-by-three,.offset-by-four,.offset-by-five,.offset-by-six,.offset-by-seven,.offset-by-eight,.offset-by-nine,.offset-by-ten{margin-left:0 !important}.push-two,.push-three,.push-four,.push-five,.push-six,.push-seven,.push-eight,.push-nine,.push-ten{left:auto}.pull-two,.pull-three,.pull-four,.pull-five,.pull-six,.pull-seven,.pull-eight,.pull-nine,.pull-ten{right:auto}.row .mobile-one{width:25% !important;float:left;padding:0
    15px}.row .mobile-one:last-child{float:right}.row .mobile-one.end{float:left}.row.collapse .mobile-one{padding:0}.row .mobile-two{width:50% !important;float:left;padding:0
    15px}.row .mobile-two:last-child{float:right}.row .mobile-two.end{float:left}.row.collapse .mobile-two{padding:0}.row .mobile-three{width:75% !important;float:left;padding:0
    15px}.row .mobile-three:last-child{float:right}.row .mobile-three.end{float:left}.row.collapse .mobile-three{padding:0}.row .mobile-four{width:100% !important;float:left;padding:0
    15px}.row .mobile-four:last-child{float:right}.row .mobile-four.end{float:left}.row.collapse .mobile-four{padding:0}.push-one-mobile{left:25%}.pull-one-mobile{right:25%}.push-two-mobile{left:50%}.pull-two-mobile{right:50%}.push-three-mobile{left:75%}.pull-three-mobile{right:75%}.nv-pricing-table .nv-pricing-plan,
    #header #nv-tabs,
    #item-body div.message-search{margin:0;float:none !important;clear:both !important}.accordion-gallery-wrap,
    .slider-3d-wrap,
    #th-poster,
    #th-group,
    #th-email-sub,
    .td-group,
    td.td-poster,
    td.thread-avatar,
    td.td-email-sub,
    td.td-group .object-name,
    .gallerytitle,
    .stagetext,
    .stagetextwrap,
    .animator-wrap,
    .checkout_cart
    .wpsc_product_image{display:none !important;visibility:hidden}.columns .columns-inner{height:auto !important}#nv-tabs.center{display:block}.tweets{height:100% !important}.checkout_cart
    .wpsc_product_name{padding-left:0}.group-slider .slidernav-left,
    .group-slider .slidernav-right{display:block !important}ul.icon-dock{margin-right:20px}ul.icon-dock
    #panelsearchform{width:140px}.gallery-wrap
    .panel{margin-bottom:15px !important}.gallery-wrap .groupslides-wrap .panel:last-child{margin-bottom:0 !important}table.forum tr td, #topic-post-list li, table#message-threads tr
    td{padding:20px
    5px !important}li span.unread-count,
    tr.unread span.unread-count{font-size:50%}#message-threads span.activity,td.thread-options{font-size:65%}div.forums-search-wrap{float:left !important;clear:both !important;width:100%;text-align:right;margin-bottom:15px}#forums-search-form{position:relative !important;right:0 !important}#forums_search{width:100%}.nv-dark
    #forums_search{background-color:#202020 !important}.post-metadata li.post-date, .post-metadata li.post-format{width:100%;max-width:100%}.grid-gallery
    .panel{width:100% !important;height:auto !important}.lowfooterright{text-align:left}.wpb_row.wide-row .wide-row-inner{width:100%;left:0}.row.full-row-height{width:100%;margin:0}}.show-on-phones{display:none !important}.show-on-tablets{display:none !important}.show-on-desktops{display:block !important}.hide-on-phones{display:block !important}.hide-on-tablets{display:block !important}.hide-on-desktops{display:none !important}@media only screen and (max-width: 1280px) and (min-width: 768px){.touch .hide-on-phones{display:block !important}.touch .hide-on-tablets{display:none !important}.touch .hide-on-desktops{display:block !important}.touch .show-on-phones{display:none !important}.touch .show-on-tablets{display:block !important}.touch .show-on-desktops{display:none !important}}@media only screen and (max-width: 767px){.hide-on-phones{display:none !important}.hide-on-tablets{display:block !important}.hide-on-desktops{display:block !important}.show-on-phones{display:block !important}.show-on-tablets{display:none !important}.show-on-desktops{display:none !important}.shop-cart-itemnum{display:none}}@media only screen and (max-width: 768px){.gallery-wrap .animator-wrap{display:none !important;visibility:hidden}.show-on-tablets{display:block !important}.row.custom-row.parallax,.wide-row-inner.parallax{background-position:50% 50% !important;background-size:cover;background-attachment:local}#mobile-tabs{width:100%;opacity:0;z-index:1001;top:0}#mobile-tabs.show{opacity:1;left:0;top:0}#mobile-tabs
    .menudesc{color:#bbb}#mobile-tabs ul,
    #mobile-tabs ul
    li{margin:0}#mobile-tabs
    a{float:none;border-bottom:1px solid #dfdfdf;padding:10px
    15px 10px 0;display:block}#mobile-tabs a,
    #mobile-tabs .extended-menu ul li>a{font-weight:bold;color:#444}#mobile-tabs ul ul
    a{padding-left:15px}#mobile-tabs ul ul a,
    #mobile-tabs .extended-menu ul li ul li>a{font-weight:normal}#mobile-tabs ul ul ul
    a{padding-left:30px}#mobile-tabs ul
    li.menubreak{display:none}#mobile-tabs ul
    ul{position:relative;background:none;border:none;filter:none;box-shadow:none;-webkit-box-shadow:none;-moz-box-shadow:none;float:none;left:0}.nv-dark #mobile-tabs a,
    .nv-dark #mobile-tabs .extended-menu ul li > a,
    .nv-dark .mobilemenu-init
    a{color:#f9f9f9}.nv-dark #mobile-tabs
    a{float:none;border-bottom:1px solid #000}.mobilemenu-init
    a{color:#444;padding:0
    !important;margin:0
    !important;border:none !important}.mobilemenu-init{display:block;top:60px;position:absolute;right:0;line-height:1;font-size:1.1em;z-index:999}#mobile-tabs .mobilemenu-init{top:60px;right:20px}#mobile-tabs.show
    #mobilemenu{display:block !important}.stuck .mobilemenu-init{top:14px}}table.show-on-desktops{display:table !important}table.hide-on-phones{display:table !important}table.hide-on-tablets{display:table !important}@media only screen and (max-width: 1280px) and (min-width: 768px){.touch table.hide-on-phones{display:table !important}.touch table.hide-on-desktops{display:table !important}.touch table.show-on-tablets{display:table !important}}@media only screen and (max-width: 767px){table.hide-on-tablets{display:table !important}table.hide-on-desktops{display:table !important}table.show-on-phones{display:table !important}}@media only screen and (min-device-width: 481px) and (max-device-width: 980px) and (orientation:portrait){#nv_selectmenu{display:block !important}#dyndropmenu{display:none !important}#header #nv-tabs{float:none !important}}@media only screen and (max-width: 767px){#nv_selectmenu{display:block !important}#dyndropmenu{display:none !important}#header #nv-tabs{float:none !important}}@media screen and (max-width: 782px){body.admin-bar .header-wrap.stuck,
    body.buddypress .header-wrap.stuck{margin-top:46px}}@media screen and (max-width: 600px){#wpadminbar{top:-46px}body.admin-bar .header-wrap.stuck,
    body.buddypress .header-wrap.stuck{margin-top:0}div#primary-wrapper{overflow-y:visible}}
    /*!
     *  Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome
     *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
     */

Examples and source code

fa-times

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

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

fa-times

fa-times

fa-times

fa-times

fa-times

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

<p><i class="fa fa-times fa-lg"></i> fa-times</p>
<p><i class="fa fa-times fa-2x"></i> fa-times</p>
<p><i class="fa fa-times fa-3x"></i> fa-times</p>
<p><i class="fa fa-times fa-4x"></i> fa-times</p>
<p><i class="fa fa-times fa-5x"></i> fa-times</p>
If your icons are getting chopped off on top and bottom, make sure you have sufficient line-height.

Use fa-fw to set icons at a fixed width. Great to use when variable icon widths throw off alignment. Especially useful in things like nav lists.

<ul class="nav nav-pills nav-stacked">
  <li class="active"><a href="#"><i class="fa fa-times fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-times fa-fw"></i> Library</a></li>
</ul>
  • Font Awesome icon can be used
  • to easily replace lists

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

<ul class="fa-ul">
  <li><i class="fa-li fa fa-times"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-times fa-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 fa-border and pull-right or pull-left for easy pull quotes or article graphics.

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

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

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

<i class="fa fa-times"></i>  normal<br>
<i class="fa fa-times fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-times fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-times fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-times fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-times fa-flip-vertical"></i>  fa-flip-vertical

Use the fa-spin class to get any icon to rotate. Works well with fa-spinner, fa-refresh, and fa-cog.

<i class="fa fa-times fa-2x fa-spin"></i>
<i class="fa fa-times fa-3x fa-spin"></i>
<i class="fa fa-times fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-times on fa-square-o
fa-times on fa-circle
fa-timesl on fa-square
fa-ban on fa-times

To stack multiple icons, use the fa-stack class on the parent, the fa-stack-1x for the regularly sized icon, and fa-stack-2x for the larger icon. fa-inverse 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="fa-stack fa-lg">
  <i class="fa fa-square-o fa-stack-2x"></i>
  <i class="fa fa-times fa-stack-1x"></i>
</span>
fa-times on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-times fa-stack-1x fa-inverse"></i>
</span>
fa-times on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-times fa-stack-1x fa-inverse"></i>
</span>
fa-times on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-times fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-times

Font Awesome works great with the full range of Bootstrap components.

<a class="btn btn-danger" href="#">
  <i class="fa fa-times fa-lg"></i> fa-times</a>
<a class="btn btn-default btn-sm" href="#">
  <i class="fa fa-times"></i> fa-times</a>

<a class="btn btn-lg btn-success" href="#">
  <i class="fa fa-times fa-2x pull-left"></i> Font Awesome<br>fa-times



<div class="input-group margin-bottom-sm">
  <span class="input-group-addon"><i class="fa fa-times fa-fw"></i></span>
  <input class="form-control" type="text" placeholder="fa-times">
</div>
<div class="input-group">
  <span class="input-group-addon"><i class="fa fa-times fa-fw"></i></span>
  <input class="form-control" type="password" placeholder="fa-times">
</div>