Font Awesome icon usage statistics

  • 19 types of Font Awesome iconic font are used and found 114 times in total.
  • CHINESEBOOKCITY.COM used 6.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of CHINESEBOOKCITY.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • CHINESEBOOKCITY.COM includes "http://www.chinesebookcity.com/skin/frontend/A.default,,_jm_book,,_css,,_addons.css+default,,_jm_book,,_css,,_colorbox.css+default,,_jm_book,,_css,,_styles.css+default,,_jm_book,,_css,,_layout.css+default,,_jm_book,,_css,,_fonts,,_stylesheet.css+default,,_jm_book,,_css,,_styles-ie.css+base,,_default,,_css,,_widgets.css+default,,_jm_book,,_css,,_awesome,,_font-awesome.css+default,,_jm_book,,_css,,_awesome,,_font-awesome-ie7.css+default,,_jm_book,,_css,,_off-canvas.css+base,,_default,,_joomlart,,_jmproducts,,_css,,_jmproduct.css+default,,_jm_book,,_joomlart,,_jmproductsdeal,,_css,,_jmproductsdeal.css+default,,_jm_book,,_joomlart,,_jmproductsslider,,_css,,_style.css+default,,_jm_book,,_joomlart,,_jmslideshow,,_css,,_jm.slideshow.css+default,,_jm_book,,_joomlart,,_jmtabs,,_css,,_jm.tabs.css+default,,_jm_book,,_joomlart,,_jmmegamenu,,_css,,_jmmegamenu.css+default,,_jm_book,,_joomlart,,_jmquickview,,_css,,_jmquickview.css+default,,_jm_book,,_joomlart,,_jmtabs,,_themes,,_blank,,_style.css,Mcc.k9YjbQR4Lt.css.pagespeed.cf.MIzmnCoYPS.css" to use Font Awesome and information from CSS is like below.
  • @font-face {
        font-family: 'dominebold';
        src: url('default/jm_book/css/fonts/domine-bold-webfont.eot');
        src: url('default/jm_book/css/fonts/domine-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/domine-bold-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/domine-bold-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/domine-bold-webfont.svg#dominebold') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'domineregular';
        src: url('default/jm_book/css/fonts/domine-regular-webfont.eot');
        src: url('default/jm_book/css/fonts/domine-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/domine-regular-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/domine-regular-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/domine-regular-webfont.svg#domineregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotoblack';
        src: url('default/jm_book/css/fonts/roboto-black-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-black-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-black-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-black-webfont.svg#robotoblack') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotoblack_italic';
        src: url('default/jm_book/css/fonts/roboto-blackitalic-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-blackitalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-blackitalic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-blackitalic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-blackitalic-webfont.svg#robotoblack_italic') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotobold';
        src: url('default/jm_book/css/fonts/roboto-bold-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-bold-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-bold-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-bold-webfont.svg#robotobold') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotobold_italic';
        src: url('default/jm_book/css/fonts/roboto-bolditalic-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-bolditalic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-bolditalic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-bolditalic-webfont.svg#robotobold_italic') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_condensedbold';
        src: url('default/jm_book/css/fonts/robotocondensed-bold-webfont.eot');
        src: url('default/jm_book/css/fonts/robotocondensed-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotocondensed-bold-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotocondensed-bold-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotocondensed-bold-webfont.svg#roboto_condensedbold') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_condensedbold_italic';
        src: url('default/jm_book/css/fonts/robotocondensed-bolditalic-webfont.eot');
        src: url('default/jm_book/css/fonts/robotocondensed-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotocondensed-bolditalic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotocondensed-bolditalic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotocondensed-bolditalic-webfont.svg#roboto_condensedbold_italic') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_condenseditalic';
        src: url('default/jm_book/css/fonts/robotocondensed-italic-webfont.eot');
        src: url('default/jm_book/css/fonts/robotocondensed-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotocondensed-italic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotocondensed-italic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotocondensed-italic-webfont.svg#roboto_condenseditalic') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_condensedlight';
        src: url('default/jm_book/css/fonts/robotocondensed-light-webfont.eot');
        src: url('default/jm_book/css/fonts/robotocondensed-light-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotocondensed-light-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotocondensed-light-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotocondensed-light-webfont.svg#roboto_condensedlight') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_condensedlight_italic';
        src: url('default/jm_book/css/fonts/robotocondensed-lightitalic-webfont.eot');
        src: url('default/jm_book/css/fonts/robotocondensed-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotocondensed-lightitalic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotocondensed-lightitalic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotocondensed-lightitalic-webfont.svg#roboto_condensedlight_italic') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_condensedregular';
        src: url('default/jm_book/css/fonts/robotocondensed-regular-webfont.eot');
        src: url('default/jm_book/css/fonts/robotocondensed-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotocondensed-regular-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotocondensed-regular-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotocondensed-regular-webfont.svg#roboto_condensedregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotoitalic';
        src: url('default/jm_book/css/fonts/roboto-italic-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-italic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-italic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-italic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-italic-webfont.svg#robotoitalic') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotolight';
        src: url('default/jm_book/css/fonts/roboto-light-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-light-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-light-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-light-webfont.svg#robotolight') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotolight_italic';
        src: url('default/jm_book/css/fonts/roboto-lightitalic-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-lightitalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-lightitalic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-lightitalic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-lightitalic-webfont.svg#robotolight_italic') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotomedium';
        src: url('default/jm_book/css/fonts/roboto-medium-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-medium-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-medium-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-medium-webfont.svg#robotomedium') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotomedium_italic';
        src: url('default/jm_book/css/fonts/roboto-mediumitalic-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-mediumitalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-mediumitalic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-mediumitalic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-mediumitalic-webfont.svg#robotomedium_italic') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotoregular';
        src: url('default/jm_book/css/fonts/roboto-regular-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-regular-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-regular-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_slabbold';
        src: url('default/jm_book/css/fonts/robotoslab-bold-webfont.eot');
        src: url('default/jm_book/css/fonts/robotoslab-bold-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotoslab-bold-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotoslab-bold-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotoslab-bold-webfont.svg#roboto_slabbold') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_slablight';
        src: url('default/jm_book/css/fonts/robotoslab-light-webfont.eot');
        src: url('default/jm_book/css/fonts/robotoslab-light-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotoslab-light-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotoslab-light-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotoslab-light-webfont.svg#roboto_slablight') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_slabregular';
        src: url('default/jm_book/css/fonts/robotoslab-regular-webfont.eot');
        src: url('default/jm_book/css/fonts/robotoslab-regular-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotoslab-regular-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotoslab-regular-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotoslab-regular-webfont.svg#roboto_slabregular') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'roboto_slabthin';
        src: url('default/jm_book/css/fonts/robotoslab-thin-webfont.eot');
        src: url('default/jm_book/css/fonts/robotoslab-thin-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/robotoslab-thin-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/robotoslab-thin-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/robotoslab-thin-webfont.svg#roboto_slabthin') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotothin';
        src: url('default/jm_book/css/fonts/roboto-thin-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-thin-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-thin-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-thin-webfont.svg#robotothin') format('svg');
        font-weight: normal;
        font-style: normal;
    }@font-face {
        font-family: 'robotothin_italic';
        src: url('default/jm_book/css/fonts/roboto-thinitalic-webfont.eot');
        src: url('default/jm_book/css/fonts/roboto-thinitalic-webfont.eot?#iefix') format('embedded-opentype'),
             url('default/jm_book/css/fonts/roboto-thinitalic-webfont.woff') format('woff'),
             url('default/jm_book/css/fonts/roboto-thinitalic-webfont.ttf') format('truetype'),
             url('default/jm_book/css/fonts/roboto-thinitalic-webfont.svg#robotothin_italic') format('svg');
        font-weight: normal;
        font-style: normal;
    }.header-container,.header-container .top-container,.header,.header .quick-access,#nav,.main,.footer,.footer-container .bottom-container,.col-main,.col2-set,.col3-set,.col3-layout .product-options-bottom .price-box,.col4-set,.messages li,.search-autocomplete li,.block,.block .block-content,.block .actions,.block li.item,.block-poll li,.block-poll .label,.block-layered-nav .currently li,.block-account .block-content li a,.mini-products-list .product-details,.page-title,.rss-title h1,.products-grid,.products-list li.item,.box-account .box-head,.dashboard .box .box-title,.box-reviews li.item,.box-tags li.item,.pager,.sorter,.ratings,.add-to-box,.add-to-cart,.product-essential,.product-collateral,.product-view .product-img-box .more-views ul,.product-view .box-tags .form-add,.product-view .product-shop .short-description,.product-view .box-description,.product-options .options-list li,.product-options,.product-options-bottom,.truncated,.truncated .truncated_full_value,.product-review,.cart,.cart-collaterals,.cart .crosssell li.item,.cart .discount,.opc .step-title,.opc .step,.multiple-checkout,.sp-methods,.checkout-progress,.multiple-checkout .place-order,.form-list li,.form-list .field,.group-select li,.buttons-set,.page-print .print-head,.cart-tax-total,.advanced-search-summary,.advanced-search-summary p,.gift-messages-form .item,.send-friend .form-list li p,.centinel .authentication{zoom:1}input.radio,input.checkbox{width:13px;height:13px;vertical-align:middle}.button,button{padding:1px 10px 0}.clearer{display:block;clear:both;font-size:0;line-height:0;height:0;overflow:hidden}* html #ja-search .input-text{width:200px}.search-autocomplete{left:1px!important;top:35px!important;z-index:999}.search-autocomplete ul{background:#222529;margin:0 2px;color:#777;border:1px solid #30343a}.search-autocomplete ul li{padding:10px}.search-autocomplete ul li .amount{display:none}*:first-child+html .search-autocomplete{left:29px!important}#search_autocomplete_iefix{display:none}*:first-child+html .add-to-cart .paypal-logo{margin:10px 0 0;padding:0}*:first-child+html .cart .discount .button{float:none}*:first-child+html .opc{zoom:1;overflow:hidden}*:first-child+html .opc li.section{zoom:1;float:left;width:100%}.select-box2 select{width:215px!important;padding-right:0px}.widget{display:inline}.widget .widget-title{clear:both;padding:15px 0 0;margin:0 0 7px}.widget .widget-title h2{font-size:15px;font-weight:bold;color:#e25203}.widget .mini-products-images-list .product-image{display:block;width:76px;height:76px;border:1px solid #a9a9a9;margin:0 auto}.widget .mini-products-images-list li.item{float:left;width:77px;height:77px}.widget-new-products{display:block}.col-main .widget-new-products{margin:7px 0}.widget-new-products .products-grid .product-image,.widget-new-products .products-list .product-image{width:85px;height:85px}.widget-new-products .products-list .product-shop{margin-left:100px}.sidebar .widget-new-products .block{font-size:11px;line-height:1.25}.sidebar .widget-new-products .block-title strong{background:url(base/default/images/widgets/xi_widget-new.gif.pagespeed.ic.AxR4qZwUOC.png) 0 1px no-repeat;padding-left:21px;color:#dc5033}.widget-viewed{display:block}.col-main .widget-viewed{margin:7px 0}.widget-viewed .products-grid .product-image,.widget-viewed .products-list .product-image{width:85px;height:85px}.widget-viewed .products-list .product-shop{margin-left:100px}.sidebar .widget-viewed .block{font-size:11px;line-height:1.25}.sidebar .widget-viewed .block-title strong{background:url(base/default/images/widgets/i_block-list.gif.pagespeed.ce._oQkEn7L5L.gif) 0 0 no-repeat;padding-left:21px}.widget-compared{display:block}.col-main .widget-compared{margin:7px 0}.widget-compared .products-grid .product-image,.widget-compared .products-list .product-image{width:85px;height:85px}.widget-compared .products-list .product-shop{margin-left:100px}.sidebar .widget-compared .block{font-size:11px;line-height:1.25}.sidebar .widget-compared .block-title strong{background:url(base/default/images/widgets/i_block-list.gif.pagespeed.ce._oQkEn7L5L.gif) 0 0 no-repeat;padding-left:21px}.widget-static-block{}.sidebar .widget-static-block{display:block;margin:0 0 15px}.top-container .widget a{padding:0 0 0 7px}.bottom-container .widget a{padding:0 3px}.widget-product-link-inline{display:inline}.col-main .widget-product-link{display:block;text-align:right;margin:7px 0}.col-main .widget-product-link a{background:url(base/default/images/widgets/i_widget-link.gif.pagespeed.ce.G_dTV4Fx8U.gif) 100% 4px no-repeat;padding-right:15px}.sidebar .widget-product-link{display:block;margin:0 0 15px;padding:0 10px}.sidebar .widget-product-link a{background:url(base/default/images/widgets/i_widget-link.gif.pagespeed.ce.G_dTV4Fx8U.gif) 100% 4px no-repeat;padding:0 15px 0 0}.widget-category-link-inline{display:inline}.col-main .widget-category-link{display:block;text-align:right;margin:7px 0}.col-main .widget-category-link a{background:url(base/default/images/widgets/i_widget-link.gif.pagespeed.ce.G_dTV4Fx8U.gif) 100% 4px no-repeat;padding-right:15px}.sidebar .widget-category-link{display:block;margin:0 0 15px;padding:0 10px}.sidebar .widget-category-link a{background:url(base/default/images/widgets/i_widget-link.gif.pagespeed.ce.G_dTV4Fx8U.gif) 100% 4px no-repeat;padding:0 15px 0 0}.widget-cms-link-inline{display:inline}.col-main .widget-cms-link{display:block;text-align:right;margin:7px 0}.col-main .widget-cms-link a{background:url(base/default/images/widgets/i_widget-link.gif.pagespeed.ce.G_dTV4Fx8U.gif) 100% 4px no-repeat;padding-right:15px}.sidebar .widget-cms-link{display:block;margin:0 0 15px;padding:0 10px}.sidebar .widget-cms-link a{background:url(base/default/images/widgets/i_widget-link.gif.pagespeed.ce.G_dTV4Fx8U.gif) 100% 4px no-repeat;padding:0 15px 0 0}@font-face {
      font-family: 'FontAwesome';
      src: url('default/jm_book/css/awesome/font/fontawesome-webfont.eot?v=3.2.1');
      src: url('default/jm_book/css/awesome/font/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('default/jm_book/css/awesome/font/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('default/jm_book/css/awesome/font/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('default/jm_book/css/awesome/font/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');
      font-weight: normal;
      font-style: normal;
    }

Examples and source code

icon-shopping-cart

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

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

icon-shopping-cart

icon-shopping-cart

icon-shopping-cart

icon-shopping-cart

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

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-shopping-cart on icon-check-empty
icon-shopping-cart on icon-circle
icon-shopping-cartl on icon-sign-blank
icon-ban-circle on icon-shopping-cart

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