Font Awesome icon usage statistics

  • 1 types of Font Awesome iconic font are used and found 11 times in total.
  • CASINOBONUS2.COM used 11.0 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of CASINOBONUS2.COM are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • CASINOBONUS2.COM includes "http://casinobonus2.co/wp-content/plugins/bwp-minify/min/?f=wp-content/plugins/yet-another-related-posts-plugin/style/widget.css,wp-content/uploads/smile_fonts/Defaults/Defaults.css,wp-content/plugins/commentator-123/css/commentator.css,wp-content/plugins/commentator-123/css/font-awesome.min.css,wp-content/plugins/commentator-123/css/font-awesome-ie7.min.css,wp-content/plugins/woocommerce/assets/css/woocommerce-layout.css,wp-content/plugins/woocommerce/assets/css/woocommerce.css,wp-content/plugins/scroll-top/assets/css/scroll-top.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'Defaults';src:url('/wp-content/uploads/smile_fonts/Defaults/Defaults.eot?6d70fz');src:url('/wp-content/uploads/smile_fonts/Defaults/Defaults.eot?#iefix6d70fz') format('embedded-opentype'),url('/wp-content/uploads/smile_fonts/Defaults/Defaults.woff?6d70fz') format('woff'),url('/wp-content/uploads/smile_fonts/Defaults/Defaults.ttf?6d70fz') format('truetype'),url('/wp-content/uploads/smile_fonts/Defaults/Defaults.svg?6d70fz#Defaults') format('svg');font-weight:normal;font-style:normal}[class^="Defaults-"],[class*=" Defaults-"]{font-family:'Defaults';speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.Defaults-glass:before{content:"\e600"}.Defaults-music:before{content:"\e601"}.Defaults-search:before{content:"\e602"}.Defaults-envelope:before{content:"\e603"}.Defaults-heart:before{content:"\e604"}.Defaults-star:before{content:"\e605"}.Defaults-star-empty:before{content:"\e606"}.Defaults-user:before{content:"\e607"}.Defaults-film:before{content:"\e608"}.Defaults-th-large:before{content:"\e609"}.Defaults-th:before{content:"\e60a"}.Defaults-th-list:before{content:"\e60b"}.Defaults-ok:before{content:"\e60c"}.Defaults-remove:before{content:"\e60d"}.Defaults-zoom-in:before{content:"\e60e"}.Defaults-zoom-out:before{content:"\e60f"}.Defaults-off:before{content:"\e610"}.Defaults-signal:before{content:"\e611"}.Defaults-cog:before{content:"\e612"}.Defaults-trash:before{content:"\e613"}.Defaults-home:before{content:"\e614"}.Defaults-file:before{content:"\e615"}.Defaults-time:before{content:"\e616"}.Defaults-road:before{content:"\e617"}.Defaults-download-alt:before{content:"\e618"}.Defaults-download:before{content:"\e619"}.Defaults-upload:before{content:"\e61a"}.Defaults-inbox:before{content:"\e61b"}.Defaults-play-circle:before{content:"\e61c"}.Defaults-repeat:before{content:"\e61d"}.Defaults-refresh:before{content:"\e61e"}.Defaults-list-alt:before{content:"\e61f"}.Defaults-lock:before{content:"\e620"}.Defaults-flag:before{content:"\e621"}.Defaults-headphones:before{content:"\e622"}.Defaults-volume-off:before{content:"\e623"}.Defaults-volume-down:before{content:"\e624"}.Defaults-volume-up:before{content:"\e625"}.Defaults-qrcode:before{content:"\e626"}.Defaults-barcode:before{content:"\e627"}.Defaults-tag:before{content:"\e628"}.Defaults-tags:before{content:"\e629"}.Defaults-book:before{content:"\e62a"}.Defaults-bookmark:before{content:"\e62b"}.Defaults-print:before{content:"\e62c"}.Defaults-camera:before{content:"\e62d"}.Defaults-font:before{content:"\e62e"}.Defaults-bold:before{content:"\e62f"}.Defaults-italic:before{content:"\e630"}.Defaults-text-height:before{content:"\e631"}.Defaults-text-width:before{content:"\e632"}.Defaults-align-left:before{content:"\e633"}.Defaults-align-center:before{content:"\e634"}.Defaults-align-right:before{content:"\e635"}.Defaults-align-justify:before{content:"\e636"}.Defaults-list:before{content:"\e637"}.Defaults-indent-left:before{content:"\e638"}.Defaults-indent-right:before{content:"\e639"}.Defaults-facetime-video:before{content:"\e63a"}.Defaults-picture:before{content:"\e63b"}.Defaults-pencil:before{content:"\e63c"}.Defaults-map-marker:before{content:"\e63d"}.Defaults-adjust:before{content:"\e63e"}.Defaults-tint:before{content:"\e63f"}.Defaults-edit:before{content:"\e640"}.Defaults-share:before{content:"\e641"}.Defaults-check:before{content:"\e642"}.Defaults-move:before{content:"\e643"}.Defaults-step-backward:before{content:"\e644"}.Defaults-fast-backward:before{content:"\e645"}.Defaults-backward:before{content:"\e646"}.Defaults-play:before{content:"\e647"}.Defaults-pause:before{content:"\e648"}.Defaults-stop:before{content:"\e649"}.Defaults-forward:before{content:"\e64a"}.Defaults-fast-forward:before{content:"\e64b"}.Defaults-step-forward:before{content:"\e64c"}.Defaults-eject:before{content:"\e64d"}.Defaults-chevron-left:before{content:"\e64e"}.Defaults-chevron-right:before{content:"\e64f"}.Defaults-plus-sign:before{content:"\e650"}.Defaults-minus-sign:before{content:"\e651"}.Defaults-remove-sign:before{content:"\e652"}.Defaults-ok-sign:before{content:"\e653"}.Defaults-question-sign:before{content:"\e654"}.Defaults-info-sign:before{content:"\e655"}.Defaults-screenshot:before{content:"\e656"}.Defaults-remove-circle:before{content:"\e657"}.Defaults-ok-circle:before{content:"\e658"}.Defaults-ban-circle:before{content:"\e659"}.Defaults-arrow-left:before{content:"\e65a"}.Defaults-arrow-right:before{content:"\e65b"}.Defaults-arrow-up:before{content:"\e65c"}.Defaults-arrow-down:before{content:"\e65d"}.Defaults-share-alt:before{content:"\e65e"}.Defaults-resize-full:before{content:"\e65f"}.Defaults-resize-small:before{content:"\e660"}.Defaults-plus:before{content:"\e661"}.Defaults-minus:before{content:"\e662"}.Defaults-asterisk:before{content:"\e663"}.Defaults-exclamation-sign:before{content:"\e664"}.Defaults-gift:before{content:"\e665"}.Defaults-leaf:before{content:"\e666"}.Defaults-fire:before{content:"\e667"}.Defaults-eye-open:before{content:"\e668"}.Defaults-eye-close:before{content:"\e669"}.Defaults-warning-sign:before{content:"\e66a"}.Defaults-plane:before{content:"\e66b"}.Defaults-calendar:before{content:"\e66c"}.Defaults-random:before{content:"\e66d"}.Defaults-comment:before{content:"\e66e"}.Defaults-magnet:before{content:"\e66f"}.Defaults-chevron-up:before{content:"\e670"}.Defaults-chevron-down:before{content:"\e671"}.Defaults-retweet:before{content:"\e672"}.Defaults-shopping-cart:before{content:"\e673"}.Defaults-folder-close:before{content:"\e674"}.Defaults-folder-open:before{content:"\e675"}.Defaults-resize-vertical:before{content:"\e676"}.Defaults-resize-horizontal:before{content:"\e677"}.Defaults-bar-chart:before{content:"\e678"}.Defaults-twitter-sign:before{content:"\e679"}.Defaults-facebook-sign:before{content:"\e67a"}.Defaults-camera-retro:before{content:"\e67b"}.Defaults-key:before{content:"\e67c"}.Defaults-cogs:before{content:"\e67d"}.Defaults-comments:before{content:"\e67e"}.Defaults-thumbs-up:before{content:"\e67f"}.Defaults-thumbs-down:before{content:"\e680"}.Defaults-star-half:before{content:"\e681"}.Defaults-heart-empty:before{content:"\e682"}.Defaults-signout:before{content:"\e683"}.Defaults-linkedin-sign:before{content:"\e684"}.Defaults-pushpin:before{content:"\e685"}.Defaults-external-link:before{content:"\e686"}.Defaults-signin:before{content:"\e687"}.Defaults-trophy:before{content:"\e688"}.Defaults-github-sign:before{content:"\e689"}.Defaults-upload-alt:before{content:"\e68a"}.Defaults-lemon:before{content:"\e68b"}.Defaults-phone:before{content:"\e68c"}.Defaults-check-empty:before{content:"\e68d"}.Defaults-bookmark-empty:before{content:"\e68e"}.Defaults-phone-sign:before{content:"\e68f"}.Defaults-twitter:before{content:"\e690"}.Defaults-facebook:before{content:"\e691"}.Defaults-github:before{content:"\e692"}.Defaults-unlock:before{content:"\e693"}.Defaults-credit:before{content:"\e694"}.Defaults-rss:before{content:"\e695"}.Defaults-hdd:before{content:"\e696"}.Defaults-bullhorn:before{content:"\e697"}.Defaults-bell:before{content:"\e698"}.Defaults-certificate:before{content:"\e699"}.Defaults-hand-right:before{content:"\e69a"}.Defaults-hand-left:before{content:"\e69b"}.Defaults-hand-up:before{content:"\e69c"}.Defaults-hand-down:before{content:"\e69d"}.Defaults-circle-arrow-left:before{content:"\e69e"}.Defaults-circle-arrow-right:before{content:"\e69f"}.Defaults-circle-arrow-up:before{content:"\e6a0"}.Defaults-circle-arrow-down:before{content:"\e6a1"}.Defaults-globe:before{content:"\e6a2"}.Defaults-wrench:before{content:"\e6a3"}.Defaults-tasks:before{content:"\e6a4"}.Defaults-filter:before{content:"\e6a5"}.Defaults-briefcase:before{content:"\e6a6"}.Defaults-fullscreen:before{content:"\e6a7"}.Defaults-group:before{content:"\e6a8"}.Defaults-link:before{content:"\e6a9"}.Defaults-cloud:before{content:"\e6aa"}.Defaults-beaker:before{content:"\e6ab"}.Defaults-cut:before{content:"\e6ac"}.Defaults-copy:before{content:"\e6ad"}.Defaults-paper-clip:before{content:"\e6ae"}.Defaults-save:before{content:"\e6af"}.Defaults-sign-blank:before{content:"\e6b0"}.Defaults-reorder:before{content:"\e6b1"}.Defaults-list-ul:before{content:"\e6b2"}.Defaults-list-ol:before{content:"\e6b3"}.Defaults-strikethrough:before{content:"\e6b4"}.Defaults-underline:before{content:"\e6b5"}.Defaults-table:before{content:"\e6b6"}.Defaults-magic:before{content:"\e6b7"}.Defaults-truck:before{content:"\e6b8"}.Defaults-pinterest:before{content:"\e6b9"}.Defaults-pinterest-sign:before{content:"\e6ba"}.Defaults-google-plus-sign:before{content:"\e6bb"}.Defaults-google-plus:before{content:"\e6bc"}.Defaults-money:before{content:"\e6bd"}.Defaults-caret-down:before{content:"\e6be"}.Defaults-caret-up:before{content:"\e6bf"}.Defaults-caret-left:before{content:"\e6c0"}.Defaults-caret-right:before{content:"\e6c1"}.Defaults-columns:before{content:"\e6c2"}.Defaults-sort:before{content:"\e6c3"}.Defaults-sort-down:before{content:"\e6c4"}.Defaults-sort-up:before{content:"\e6c5"}.Defaults-envelope-alt:before{content:"\e6c6"}.Defaults-linkedin:before{content:"\e6c7"}.Defaults-undo:before{content:"\e6c8"}.Defaults-legal:before{content:"\e6c9"}.Defaults-dashboard:before{content:"\e6ca"}.Defaults-comment-alt:before{content:"\e6cb"}.Defaults-comments-alt:before{content:"\e6cc"}.Defaults-bolt:before{content:"\e6cd"}.Defaults-sitemap:before{content:"\e6ce"}.Defaults-umbrella:before{content:"\e6cf"}.Defaults-paste:before{content:"\e6d0"}.Defaults-lightbulb:before{content:"\e6d1"}.Defaults-exchange:before{content:"\e6d2"}.Defaults-cloud-download:before{content:"\e6d3"}.Defaults-cloud-upload:before{content:"\e6d4"}.Defaults-user-md:before{content:"\e6d5"}.Defaults-stethoscope:before{content:"\e6d6"}.Defaults-suitcase:before{content:"\e6d7"}.Defaults-bell-alt:before{content:"\e6d8"}.Defaults-coffee:before{content:"\e6d9"}.Defaults-food:before{content:"\e6da"}.Defaults-file-alt:before{content:"\e6db"}.Defaults-building:before{content:"\e6dc"}.Defaults-hospital:before{content:"\e6dd"}.Defaults-ambulance:before{content:"\e6de"}.Defaults-medkit:before{content:"\e6df"}.Defaults-fighter-jet:before{content:"\e6e0"}.Defaults-beer:before{content:"\e6e1"}.Defaults-h-sign:before{content:"\e6e2"}.Defaults-plus-sign2:before{content:"\e6e3"}.Defaults-double-angle-left:before{content:"\e6e4"}.Defaults-double-angle-right:before{content:"\e6e5"}.Defaults-double-angle-up:before{content:"\e6e6"}.Defaults-double-angle-down:before{content:"\e6e7"}.Defaults-angle-left:before{content:"\e6e8"}.Defaults-angle-right:before{content:"\e6e9"}.Defaults-angle-up:before{content:"\e6ea"}.Defaults-angle-down:before{content:"\e6eb"}.Defaults-desktop:before{content:"\e6ec"}.Defaults-laptop:before{content:"\e6ed"}.Defaults-tablet:before{content:"\e6ee"}.Defaults-mobile:before{content:"\e6ef"}.Defaults-circle-blank:before{content:"\e6f0"}.Defaults-quote-left:before{content:"\e6f1"}.Defaults-quote-right:before{content:"\e6f2"}.Defaults-spinner:before{content:"\e6f3"}.Defaults-circle:before{content:"\e6f4"}.Defaults-reply:before{content:"\e6f5"}.Defaults-github-alt:before{content:"\e6f6"}.Defaults-folder-close-alt:before{content:"\e6f7"}.Defaults-folder-open-alt:before{content:"\e6f8"}.Defaults-expand-alt:before{content:"\e6f9"}.Defaults-collapse-alt:before{content:"\e6fa"}.Defaults-smile:before{content:"\e6fb"}.Defaults-frown:before{content:"\e6fc"}.Defaults-meh:before{content:"\e6fd"}.Defaults-gamepad:before{content:"\e6fe"}.Defaults-keyboard:before{content:"\e6ff"}.Defaults-flag-alt:before{content:"\e700"}.Defaults-flag-checkered:before{content:"\e701"}.Defaults-terminal:before{content:"\e702"}.Defaults-code:before{content:"\e703"}.Defaults-reply-all:before{content:"\e704"}.Defaults-star-half-full:before{content:"\e705"}.Defaults-location-arrow:before{content:"\e706"}.Defaults-crop:before{content:"\e707"}.Defaults-code-fork:before{content:"\e708"}.Defaults-unlink:before{content:"\e709"}.Defaults-question:before{content:"\e70a"}.Defaults-info:before{content:"\e70b"}.Defaults-exclamation:before{content:"\e70c"}.Defaults-superscript:before{content:"\e70d"}.Defaults-subscript:before{content:"\e70e"}.Defaults-eraser:before{content:"\e70f"}.Defaults-puzzle:before{content:"\e710"}.Defaults-microphone:before{content:"\e711"}.Defaults-microphone-off:before{content:"\e712"}.Defaults-shield:before{content:"\e713"}.Defaults-calendar-empty:before{content:"\e714"}.Defaults-fire-extinguisher:before{content:"\e715"}.Defaults-rocket:before{content:"\e716"}.Defaults-maxcdn:before{content:"\e717"}.Defaults-chevron-sign-left:before{content:"\e718"}.Defaults-chevron-sign-right:before{content:"\e719"}.Defaults-chevron-sign-up:before{content:"\e71a"}.Defaults-chevron-sign-down:before{content:"\e71b"}.Defaults-html5:before{content:"\e71c"}.Defaults-css3:before{content:"\e71d"}.Defaults-anchor:before{content:"\e71e"}.Defaults-unlock-alt:before{content:"\e71f"}.Defaults-bullseye:before{content:"\e720"}.Defaults-ellipsis-horizontal:before{content:"\e721"}.Defaults-ellipsis-vertical:before{content:"\e722"}.Defaults-rss-sign:before{content:"\e723"}.Defaults-play-sign:before{content:"\e724"}.Defaults-ticket:before{content:"\e725"}.Defaults-minus-sign-alt:before{content:"\e726"}.Defaults-check-minus:before{content:"\e727"}.Defaults-level-up:before{content:"\e728"}.Defaults-level-down:before{content:"\e729"}.Defaults-check-sign:before{content:"\e72a"}.Defaults-edit-sign:before{content:"\e72b"}.Defaults-external-link-sign:before{content:"\e72c"}.Defaults-share-sign:before{content:"\e72d"}.Defaults-compass:before{content:"\e72e"}.Defaults-collapse:before{content:"\e72f"}.Defaults-collapse-top:before{content:"\e730"}.Defaults-expand:before{content:"\e731"}.Defaults-euro:before{content:"\e732"}.Defaults-gbp:before{content:"\e733"}.Defaults-dollar:before{content:"\e734"}.Defaults-rupee:before{content:"\e735"}.Defaults-yen:before{content:"\e736"}.Defaults-renminbi:before{content:"\e737"}.Defaults-won:before{content:"\e738"}.Defaults-bitcoin:before{content:"\e739"}.Defaults-file2:before{content:"\e73a"}.Defaults-file-text:before{content:"\e73b"}.Defaults-sort-by-alphabet:before{content:"\e73c"}.Defaults-sort-by-alphabet-alt:before{content:"\e73d"}.Defaults-sort-by-attributes:before{content:"\e73e"}.Defaults-sort-by-attributes-alt:before{content:"\e73f"}.Defaults-sort-by-order:before{content:"\e740"}.Defaults-sort-by-order-alt:before{content:"\e741"}.Defaults-thumbs-up2:before{content:"\e742"}.Defaults-thumbs-down2:before{content:"\e743"}.Defaults-youtube-sign:before{content:"\e744"}.Defaults-youtube:before{content:"\e745"}.Defaults-xing:before{content:"\e746"}.Defaults-xing-sign:before{content:"\e747"}.Defaults-youtube-play:before{content:"\e748"}.Defaults-dropbox:before{content:"\e749"}.Defaults-stackexchange:before{content:"\e74a"}.Defaults-instagram:before{content:"\e74b"}.Defaults-flickr:before{content:"\e74c"}.Defaults-adn:before{content:"\e74d"}.Defaults-bitbucket:before{content:"\e74e"}.Defaults-bitbucket-sign:before{content:"\e74f"}.Defaults-tumblr:before{content:"\e750"}.Defaults-tumblr-sign:before{content:"\e751"}.Defaults-long-arrow-down:before{content:"\e752"}.Defaults-long-arrow-up:before{content:"\e753"}.Defaults-long-arrow-left:before{content:"\e754"}.Defaults-long-arrow-right:before{content:"\e755"}.Defaults-apple:before{content:"\e756"}.Defaults-windows:before{content:"\e757"}.Defaults-android:before{content:"\e758"}.Defaults-linux:before{content:"\e759"}.Defaults-dribbble:before{content:"\e75a"}.Defaults-skype:before{content:"\e75b"}.Defaults-foursquare:before{content:"\e75c"}.Defaults-trello:before{content:"\e75d"}.Defaults-female:before{content:"\e75e"}.Defaults-male:before{content:"\e75f"}.Defaults-gittip:before{content:"\e760"}.Defaults-sun:before{content:"\e761"}.Defaults-moon:before{content:"\e762"}.Defaults-archive:before{content:"\e763"}.Defaults-bug:before{content:"\e764"}.Defaults-vk:before{content:"\e765"}.Defaults-weibo:before{content:"\e766"}.Defaults-renren:before{content:"\e767"}.yui3-cssreset html{color:#000;background:#FFF}.yui3-cssreset body,.yui3-cssreset div,.yui3-cssreset dl,.yui3-cssreset dt,.yui3-cssreset dd,.yui3-cssreset ul,.yui3-cssreset ol,.yui3-cssreset li,.yui3-cssreset h1,.yui3-cssreset h2,.yui3-cssreset h3,.yui3-cssreset h4,.yui3-cssreset h5,.yui3-cssreset h6,.yui3-cssreset pre,.yui3-cssreset code,.yui3-cssreset form,.yui3-cssreset fieldset,.yui3-cssreset legend,.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset p,.yui3-cssreset blockquote,.yui3-cssreset th,.yui3-cssreset td{margin:0;padding:0}.yui3-cssreset table{border-collapse:collapse;border-spacing:0}.yui3-cssreset fieldset,.yui3-cssreset img{border:0}.yui3-cssreset address,.yui3-cssreset caption,.yui3-cssreset cite,.yui3-cssreset code,.yui3-cssreset dfn,.yui3-cssreset em,.yui3-cssreset strong,.yui3-cssreset th,.yui3-cssreset var{font-style:normal;font-weight:normal}.yui3-cssreset ol,.yui3-cssreset ul{list-style:none}.yui3-cssreset caption,.yui3-cssreset th{text-align:left}.yui3-cssreset h1,.yui3-cssreset h2,.yui3-cssreset h3,.yui3-cssreset h4,.yui3-cssreset h5,.yui3-cssreset h6{font-size:100%;font-weight:normal}.yui3-cssreset q:before,.yui3-cssreset q:after{content:''}.yui3-cssreset abbr,.yui3-cssreset acronym{border:0;font-variant:normal}.yui3-cssreset sup{vertical-align:text-top}.yui3-cssreset sub{vertical-align:text-bottom}.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset select{font-family:'Roboto',sans-serif;font-size:inherit;font-weight:inherit}.yui3-cssreset input,.yui3-cssreset textarea,.yui3-cssreset select{*font-size:100%}.yui3-cssreset legend{color:#000}#yui3-css-stamp.cssreset-context{display:none}#comments.commentator-area{color:#020202;padding:120px 20px;font-size:16px;font-weight:300;position:relative;z-index:1}#comments.commentator-area.commentator-dark{color:#eee}#comments.commentator-area a{text-decoration:none}#comments.commentator-area *{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box}.commentator-metro #commentator-main-header{background:#1B96D1;color:#fff;padding:10px;margin-bottom:10px}#commentator-global-nav{margin:0 0 18px;clear:both;line-height:2;overflow:hidden}div.commentator-thread-likes{padding-left:27px;margin-left:10px}.commentator-pull-right{float:right!important}h4#commentator-post-count{font-weight:400;font-size:18px;line-height:1.2;float:left}.commentator-thread-likes a{display:block;position:relative;height:23px;padding:0 8px;line-height:23px;z-index:100;background:#d3d8db;font-weight:700;font-size:13px;border-radius:3px;text-decoration:none;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.commentator-dark .commentator-thread-likes a{background:#2C2724}.commentator-thread-likes.commentator-active a{color:white;-webkit-transform:translate3d(0,0,0)}.commentator-dark .commentator-thread-likes.commentator-active a{color:black}.commentator-thread-likes a .notch{display:block;width:0;height:0;position:absolute;left:-8px;top:8px;border:4px solid transparent;border-right:4px solid #d3d8db;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.commentator-dark .commentator-thread-likes a .notch{border-right:4px solid #2C2724}.commentator-thread-likes a .commentator_icon-thread-vote{display:block;position:absolute;left:-27px;top:-7px;font-size:18px;margin:6px 4px 0 0;padding:3px 8px 2px 1px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.commentator-thread-likes.commentator-active a .commentator_icon-thread-vote{color:#b2bbc0}.commentator-dark .commentator-thread-likes.commentator-active a .commentator_icon-thread-vote{color:#4D443F}.commentator-thread-likes a .commentator-counter{color:#5e5e5e;overflow:hidden;padding:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.commentator-dark .commentator-thread-likes a .commentator-counter{color:#A1A1A1}.commentator-thread-likes.commentator-active a .commentator-counter{color:#fff;padding:0 15px 0 0}.commentator-dark .commentator-thread-likes.commentator-active a .commentator-counter{color:#000}.use-opacity-transitions .commentator-thread-likes a .commentator_icon-thread-voted{-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.commentator-thread-likes a .commentator_icon-thread-voted{position:absolute;right:-20px;top:5px;opacity:0;-webkit-transition:right .2s ease-in-out;transition:right .2s ease-in-out;width:20px;height:16px;width:10px;height:8px}.commentator-thread-likes.commentator-active a .commentator_icon-thread-voted{right:7px;opacity:1}div.commentator-postbox{position:relative;margin:24px 0 18px}.commentator-avatar{position:absolute;top:13px;left:0;-webkit-transition:left .2s linear;transition:left .2s linear}.commentator-avatar .user{display:block;position:relative;z-index:100;border-radius:3px}.commentator-dark .commentator-avatar .user{background:#191919}.commentator-avatar .user img{display:block;width:50px;height:50px;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-box-shadow:0 1px 0 #fff;-moz-box-shadow:0 1px 0 #fff;box-shadow:0 1px 0 #fff}.commentator-avatar .commentator-user{display:block;position:relative;z-index:100;background:#e6e6e6;border-radius:3px}.commentator-dark .commentator-avatar .commentator-user{background:#191919}.commentator-postbox .commentator-avatar{top:0}.commentator-without-avatars .commentator-postbox .commentator-avatar{display:none}div.commentator-textarea-wrapper{position:relative;margin:0 65px;-webkit-appearance:none;background:#fff;box-shadow:inset 0 0 0 2px #CFD3D5;border-radius:4px 0 0 4px;padding:2px}.commentator-dark div.commentator-textarea-wrapper{}.commentator-metro div.commentator-textarea-wrapper{box-shadow:inset 0 0 0 2px #fff}.commentator-without-avatars div.commentator-textarea-wrapper{margin-left:0}.commentator-textarea-wrapper:after,.commentator-textarea-wrapper:before{right:100%;top:26px;border:solid transparent;content:" ";height:0;width:0;position:absolute;pointer-events:none;margin-right:-2px}.commentator-textarea-wrapper:after{width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-right:8px solid white;margin-top:-8px}.commentator-dark .commentator-textarea-wrapper:after{}.commentator-metro .commentator-textarea-wrapper:after{border-right:8px solid #fff}.commentator-textarea-wrapper:before{width:0;height:0;border-top:11px solid transparent;border-bottom:11px solid transparent;border-right:11px solid #CFD3D5;margin-top:-11px}.commentator-dark .commentator-textarea-wrapper:before{}.commentator-metro .commentator-textarea-wrapper:before{border-right:11px solid #fff}.commentator-without-avatars .commentator-textarea-wrapper:after,.commentator-without-avatars .commentator-textarea-wrapper:before{display:none}.commentator-textarea-wrapper .commentator-textarea{color:#3f4549;cursor:text;resize:none;border:0;display:block;padding:6px 10px 8px 10px;margin:0;width:100%;min-height:44px;height:auto;outline:none;position:relative;line-height:15px;font-size:14px;overflow-y:scroll;-webkit-transition:all .15s ease-in-out;transition:all .15s ease-in-out}.commentator-dark .commentator-textarea-wrapper .commentator-textarea{color:#5f6c73}.commentator-textarea-wrapper textarea::-webkit-input-placeholder{color:#aab2b8;line-height:30px;font-size:18px;padding-left:4px}.commentator-textarea-wrapper textarea::-moz-placeholder{color:#aab2b8;line-height:30px;font-size:18px;padding-left:4px}.commentator-textarea-wrapper textarea:-moz-placeholder{color:#aab2b8;line-height:30px;font-size:18px;padding-left:4px}.commentator-textarea-wrapper textarea:-ms-input-placeholder{color:#aab2b8;line-height:30px;font-size:18px;padding-left:4px}.commentator-dark .commentator-textarea-wrapper textarea::-webkit-input-placeholder{color:#bbb}.commentator-dark .commentator-textarea-wrapper textarea::-moz-placeholder{color:#bbb}.commentator-dark .commentator-textarea-wrapper textarea:-moz-placeholder{color:#bbb}.commentator-dark .commentator-textarea-wrapper textarea:-ms-input-placeholder{color:#bbb}.commentator-form .commentator-proceed{position:absolute;right:0;top:0;height:48px}.commentator-not-logged-in .commentator-form .commentator-proceed{height:90px}.commentator-submit{padding:0 10px;color:white;display:block;background:rgba(29,47,58,.2);opacity:.8;line-height:40px;border-radius:0 2px 2px 0;border:none;height:100%;width:60px;font-size:13px;margin:0;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out}.commentator-submit:hover{background:rgba(29,47,58,.5);color:white}.commentator-dark .commentator-submit{background:rgba(255,255,255,.8);color:#444}.commentator-dark .commentator-submit{background:rgba(255,255,255,.7);color:#222}.commentator-author-info-form .commentator-submit{height:32px;line-height:32px}.commentator-submit i.commentator-icon-spin:before{content:"\f01e"}.commentator-postbox section{padding:14px 0 0;border-radius:0 0 3px 3px}div.commentator-author-info-form{margin:10px 65px;position:relative;display:none}.commentator-not-logged-in .commentator-author-info-form{display:block}.commentator-not-logged-in .commentator-in,.commentator-logged-in .commentator-out{display:none!important}#comments.commentator-area input[type="text"],#comments.commentator-area input[type="email"],#comments.commentator-area input[type="password"]{-webkit-transition:all .2s linear;transition:all .2s linear;-webkit-appearance:none;background:#fff;box-shadow:inset 0 0 0 2px rgba(0,39,59,.2);padding:7px 10px;border-radius:4px;font-size:13px;height:32px;outline:none;border:0;width:100%;margin-bottom:10px;opacity:.6}#comments.commentator-area.commentator-dark input[type="text"],#comments.commentator-area.commentator-dark input[type="email"],#comments.commentator-area.commentator-dark input[type="password"]{background:#fff;box-shadow:none}#comments.commentator-area.commentator-metro input[type="text"],#comments.commentator-area.commentator-metro input[type="email"],#comments.commentator-area.commentator-metro input[type="password"]{box-shadow:inset 0 0 0 2px #fff}#comments.commentator-area .commentator-required input{opacity:1}.commentator-author-info-form .last input[type="text"],.commentator-author-info-form .last input[type="email"],.commentator-author-info-form .last input[type="password"]{border-radius:4px 0 0 4px}div.commentator-grid{display:block;width:102.08333333333333%;margin:0 -1.0416666666666665%;*zoom:1;zoom:1}.commentator-grid:before,.commentator-grid:after{content:"";display:table}.commentator-grid:after{clear:both}div.commentator-col-12{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%}div.commentator-col-11{display:inline;float:left;width:89.58333333333334%;margin:0 1.0416666666666665%}div.commentator-col-10{display:inline;float:left;width:81.25%;margin:0 1.0416666666666665%}div.commentator-col-9{display:inline;float:left;width:72.91666666666666%;margin:0 1.0416666666666665%}div.commentator-col-8{display:inline;float:left;width:64.58333333333334%;margin:0 1.0416666666666665%}div.commentator-col-7{display:inline;float:left;width:56.25%;margin:0 1.0416666666666665%}div.commentator-col-6{display:inline;float:left;width:47.91666666666667%;margin:0 1.0416666666666665%}div.commentator-col-5{display:inline;float:left;width:39.58333333333333%;margin:0 1.0416666666666665%}div.commentator-col-4{display:inline;float:left;width:31.25%;margin:0 1.0416666666666665%}div.commentator-col-3{display:inline;float:left;width:22.916666666666664%;margin:0 1.0416666666666665%}div.commentator-col-2{display:inline;float:left;width:14.583333333333334%;margin:0 1.0416666666666665%}div.commentator-col-1{display:inline;float:left;width:6.25%;margin:0 1.0416666666666665%}@media screen and (max-width: 720px){div[class^="commentator-col-"],div[class*=" commentator-col-"]{display:inline;float:left;width:97.91666666666666%;margin:0 1.0416666666666665%;margin-bottom:10px}.commentator-not-logged-in .commentator-form .commentator-proceed{height:174px}#comments.commentator-area input[type="text"],#comments.commentator-area input[type="email"],#comments.commentator-area input[type="password"]{margin-bottom:0px}#comments.commentator-area .commentator-author-info-form input[type="text"],#comments.commentator-area .commentator-author-info-form input[type="email"],#comments.commentator-area .commentator-author-info-form input[type="password"]{border-radius:4px 0 0 4px}}div.commentator-nav{border-bottom:2px solid #EAEEF0;margin:0 0 18px;padding:0;position:relative}.commentator-dark div.commentator-nav{border-bottom-color:rgba(255,255,255,.17)}.commentator-nav:before,.commentator-nav:after{display:table;content:"";line-height:0}.commentator-nav:after{clear:both}.commentator-nav>ul{float:left}.commentator-nav>ul:before,.commentator-nav>ul:after{display:table;content:"";line-height:0}.commentator-nav>ul:after{clear:both}.commentator-nav>ul>li{float:left}.commentator-nav>ul>li.commentator-share-menu{float:right;margin-right:10px}.commentator-nav>ul>li.commentator-user-menu{float:right}.commentator-dropdown{position:relative}.commentator-dropdown-menu a{display:block;clear:both;font-weight:500;line-height:18px;white-space:nowrap;-webkit-transition:none;transition:none;color:#7f929c;padding:4px 15px}.commentator-dark .commentator-dropdown-menu a{}.commentator-dropdown-menu li>a:hover{color:#fff;text-decoration:none;background-color:#2e9fff}.commentator-dark .commentator-dropdown-menu li>a:hover{}.commentator-dropdown-menu hr{background-color:#ccc;border:0;height:1px;margin:24px}.commentator-dark .commentator-dropdown-menu hr{}.commentator-dropdown-menu p{margin-bottom:10px;text-align:center}.commentator-dropdown-menu .social-signin-container{text-align:center}.commentator-nav>ul>li>a,.commentator-nav>ul>li>span{padding:11px 10px;color:#a7adb1;font-weight:700;display:block;font-size:13px;line-height:1;text-shadow:0 1px 0 rgba(255,255,255,.3);position:relative}.commentator-dark .commentator-nav>ul>li>a,.commentator-dark .commentator-nav>ul>li>span{text-shadow:0 1px 0 rgba(0,0,0,.3)}.commentator-metro .commentator-nav>ul>li>a,.commentator-metro .commentator-nav>ul>li>span{text-shadow:none;color:#fff;opacity:.8}.commentator-nav .commentator-dropdown-toggle{padding-right:24px;position:relative}.commentator-nav .commentator-dropdown-toggle{background:transparent!important;color:#a7adb1!important}.commentator-metro .commentator-nav .commentator-dropdown-toggle{color:#fff!important}.commentator-nav .commentator-pull-right .commentator-dropdown-toggle{padding-right:0}.commentator-nav>ul>li.commentator-active>a{color:#363a3d!important}.commentator-dark .commentator-nav>ul>li.commentator-active>a{color:#C9C5C2!important}.commentator-metro .commentator-nav>ul>li.commentator-active>a{color:#fff!important;opacity:1}.commentator-nav>ul>li.commentator-active>a:after{content:" ";display:block;right:0;height:2px;background:rgb(70,76,76);position:absolute;bottom:-2px;left:0}.commentator-dark .commentator-nav>ul>li.commentator-active>a:after{background:rgb(185,179,179)}.commentator-metro .commentator-nav>ul>li.commentator-active>a:after{background:#3567A6}div.commentator-dropdown-menu{position:absolute;top:100%;left:0;float:left;display:none;min-width:250px;_width:250px;padding:10px;margin:0;list-style:none;border-radius:0 0 5px 5px;font-size:13px;background:#EAEEF0;margin-top:3px;z-index:199}.commentator-dark div.commentator-dropdown-menu{color:#000;background:#fff}.commentator-metro div.commentator-dropdown-menu{background:#0065A0}.commentator-pull-right{position:relative}.commentator-pull-right .commentator-dropdown{position:static}.commentator-pull-right .commentator-dropdown-menu{left:auto;right:0}.commentator-nav .commentator-dropdown-menu{top:32px}.use-opacity-transitions .commentator-dropdown-menu{-webkit-transition:opacity .2s;transition:opacity .2s}.commentator-dropdown.commentator-open .commentator-dropdown-menu{display:block}.commentator-dropdown-menu .commentator-submit{width:100%;height:40px}.commentator-dark .commentator-dropdown-menu .commentator-submit{color:white;background:#8D969C}.commentator-dark .commentator-dropdown-menu .commentator-submit:hover{opacity:1;color:white}#comments.commentator-area.commentator-dark .commentator-dropdown-menu input[type="text"],#comments.commentator-area.commentator-dark .commentator-dropdown-menu input[type="email"],#comments.commentator-area.commentator-dark .commentator-dropdown-menu input[type="password"]{background:#fff;box-shadow:inset 0 0 0 2px rgba(0,39,59,.2)}.commentator-login-form label{margin:5px 0 15px 0;font-size:90%;display:block;cursor:pointer}.commentator-comments-list{list-style-type:none;margin:0}.commentator-comments-list.commentator-icon-spin{margin:40px auto;display:block;width:11px}.commentator-comments-list.commentator-icon-spin:before{content:"\f01e"}.commentator-comments-list .comment{position:relative}.commentator-comments-list .comment:before,.commentator-comments-list .comment:after{display:table;content:"";line-height:0}.commentator-comments-list .comment:after{clear:both}.commentator-comments-list>.comment{padding-left:60px}.commentator-metro .commentator-comments-list>.comment{padding-left:0px}.commentator-without-avatars .commentator-comments-list>.comment{padding-left:0}li.commentator-collapsed section.commentator-comment-text,li.commentator-collapsed .commentator-comment-footer,li.commentator-collapsed ul.children{display:none}li.commentator-collapsed .commentator-comment-header{line-height:36px}.commentator-comments-list>li.commentator-collapsed .commentator-avatar .user img{width:36px;height:36px}#comments article.commentator-comment-content{margin:0;padding:0;margin-bottom:24px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;border:none}#comments.commentator-metro article.commentator-comment-content{background:#1B96D1;color:white;margin-bottom:4px;padding:10px;padding-left:70px}.commentator-comment-content img{border-radius:3px;display:block;max-width:100%;max-height:480px;z-index:-1}.commentator-comment-content .commentator-avatar{top:0}.commentator-metro .commentator-comment-content .commentator-avatar{top:10px;left:10px}.commentator-without-avatars .commentator-comment-content .commentator-avatar{display:none}.commentator-comment-content .commentator-comment-body{position:relative}.commentator-comment-content .commentator-comment-header{color:#777;line-height:17px;font-size:13px;position:relative;padding-right:46px}.commentator-dark .commentator-comment-content .commentator-comment-header{color:#C8C8C8}.commentator-metro .commentator-comment-content .commentator-comment-header{color:#fff}.commentator-comment-byline a{color:rgb(70,76,76);font-weight:400}.commentator-dark .commentator-comment-byline a{color:#BDBEBD}.commentator-metro .commentator-comment-byline a{color:#fff;font-weight:400}.commentator-comment-meta{display:inline-block}.commentator-comment-author-tag{padding:3px 5px;font-size:80%;line-height:1;background:#8D969C;color:white;border-radius:4px}.commentator-metro .commentator-comment-author-tag{background:#0065A0}.commentator-comment-content .commentator-comment-bullet{padding:0;font-size:75%;color:#ccc;line-height:1.4}.commentator-dark .commentator-comment-content .commentator-comment-bullet{color:#ccc}.commentator-comment-header .commentator-time{font-weight:400;font-size:95%;color:inherit;color:#AAB4B9}.commentator-dark .commentator-comment-header .commentator-time{color:#C8C8C8}.commentator-metro .commentator-comment-header .commentator-time{color:#fff;opacity:.8}.commentator-comment-header .commentator-comment-bullet{padding:0 4px}.commentator-comment-header .commentator-comment-menu{opacity:0;filter:alpha(opacity=0);visibility:hidden;position:absolute;top:0;right:0}.commentator-comment-content:hover .commentator-comment-header .commentator-comment-menu{opacity:1;filter:alpha(opacity=100);visibility:visible!important}.commentator-comment-header .commentator-comment-menu:before,.commentator-comment-header .commentator-comment-menu:after{display:table;content:"";line-height:0}.commentator-comment-header .commentator-comment-menu:after{clear:both}.commentator-comment-header .commentator-comment-menu>li{float:left;margin:0 0 0 8px}.commentator-comment-header .commentator-comment-menu li.commentator-collapse a,.commentator-comment-header .commentator-comment-menu .commentator-expand a{font-size:12px;opacity:.6;filter:alpha(opacity=60);position:relative;top:0;padding:10px 0 10px 10px}.commentator-expand,li.commentator-collapsed li.commentator-collapse{display:none}li.commentator-collapsed li.commentator-expand{display:block}.commentator-comment-header .commentator-dropdown .commentator-dropdown-toggle{border-left:2px solid #afb8c5;padding-left:5px}.commentator-dark .commentator-comment-header .commentator-dropdown .commentator-dropdown-toggle{border-left:2px solid #50473A}.commentator-comment-header .commentator-comment-menu>li a{color:#666!important}.commentator-dark .commentator-comment-header .commentator-comment-menu>li a{color:#999!important}.commentator-comment-text{color:#42474a;padding:4px 0}.commentator-dark .commentator-comment-text{color:#fff}.commentator-metro .commentator-comment-text{color:#fff}.commentator-comment-footer span{margin:0 7px 0 0;padding:0;font-size:12px;line-height:15px}.commentator-comment-footer span span{margin-right:0}.commentator-comment-contentfooter .bullet{line-height:1.5}.commentator-comment-footer a{color:#919DA5;font-weight:400}.commentator-dark .commentator-comment-footer a{color:#C8C8C8}.commentator-metro .commentator-comment-footer a{color:#fff;opacity:.8}.commentator-metro .commentator-comment-footer a:hover{color:#fff}.commentator-comment-footer .commentator-reply i{font-size:10px}.commentator-comment-footer a.commentator-active{font-weight:400;color:#647580}.commentator-dark .commentator-comment-footer a.commentator-active{font-weight:400;color:#fff}.commentator-metro .commentator-comment-footer a.commentator-active{font-weight:400;color:#fff;opacity:1}.commentator-comment-footer a:hover{color:#647580}.commentator-dark .commentator-comment-footer a:hover{color:#fff}.commentator-comment-footer .commentator-voting .commentator-vote-up,.commentator-comment-footer .commentator-voting .commentator-vote-down{position:relative;display:inline-block;padding-right:3px;line-height:.85;height:11px;min-height:14px}.commentator-comment-footer .commentator-voting .commentator-vote-down{padding-right:0;padding-left:6px;border-left:2px solid #afb8c5}.commentator-dark .commentator-comment-footer .commentator-voting .commentator-vote-down{border-left:1px solid #eaedee}.commentator-voting a i.commentator-icon-spin{display:inline-block;font-size:10px}.commentator-voting a i.commentator-icon-spin:before{content:"\f01e"}.commentator-comments-list .comment .comment{padding-left:48px}.commentator-metro .commentator-comments-list .comment .comment{margin-left:48px;padding-left:0}.commentator-without-avatars .commentator-comments-list .comment .comment{padding-left:0}.commentator-comments-list .comment .comment .commentator-avatar .user img{width:36px;height:36px}.commentator-comments-list .comment .comment form .commentator-avatar .user img{width:48px;height:48px}div#commentator-alert-container{position:fixed;left:0;right:0;top:0;z-index:9999}.admin-bar div#commentator-alert-container{top:32px}div.commentator-alert{margin-bottom:20px;background:#a3aebc;padding:10px 35px 10px 14px;border:0;color:#fff;font-weight:700;line-height:20px;font-size:13px;text-shadow:none}.commentator-alert.commentator-error{background:#ff2e46}.commentator-alert.commentator-message{background:#8fc847}.commentator-alert .commentator-close{position:relative;top:-2px;right:-21px;line-height:20px;color:#fff!important;text-decoration:none!important;float:right;font-weight:700;display:block;font-size:20px;opacity:.8;padding:0!important;background:none!important;text-shadow:0 1px 0 #fff}.commentator-alert .commentator-close:hover{text-decoration:none;cursor:pointer;opacity:.4;filter:alpha(opacity=40)}a.commentator-social-login-button{display:inline-block;width:30px;height:30px;line-height:30px;text-align:center;color:white;text-decoration:none;opacity:.8;padding:0}.commentator-dark a.commentator-social-login-button{color:black}a.commentator-social-login-button:hover{opacity:1;color:white}.commentator-dark a.commentator-social-login-button:hover{color:black}.commentator-social-login-button.commentator-facebook{background:#4862A3}.commentator-social-login-button.commentator-twitter{background:#00ACEE}.commentator-social-login-button.commentator-google{background:#C13222}.commentator-social-login-button.commentator-linkedin{background:#0073B2}#commentator-pagination{border-top:2px solid #EAEEF0}.commentator-metro #commentator-pagination{border-top:none;margin-top:5px;background:#1B96D1;padding:10px}.commentator-dark #commentator-pagination{border-top:2px solid #15110F}#commentator-pagination a,#commentator-pagination span{padding:10px 4px;color:#a7adb1;display:inline-block}.commentator-dark #commentator-pagination a,.commentator-dark #commentator-pagination span{color:#58524E}.commentator-metro #commentator-pagination a,.commentator-metro #commentator-pagination span{color:#fff;opacity:.8}#commentator-pagination span.current{color:#363a3d;font-weight:700}.commentator-dark #commentator-pagination span.current{color:#C9C5C2}.commentator-metro #commentator-pagination span.current{color:#fff;opacity:1}#commentator-new-pagination-container{display:none}a.commentator-close-reply-form{position:absolute;left:12px;font-size:18px;color:#8D969C}a.commentator-close-reply-form:hover{color:#0f3647}#commentator-main-header p.nocomments{margin-bottom:10px}@font-face{font-family:'FontAwesome';src:url('/wp-content/plugins/commentator-123/font/fontawesome-webfont.eot?v=3.1.0');src:url('/wp-content/plugins/commentator-123/font/fontawesome-webfont.eot?#iefix&v=3.1.0') format('embedded-opentype'),url('/wp-content/plugins/commentator-123/font/fontawesome-webfont.woff?v=3.1.0') format('woff'),url('/wp-content/plugins/commentator-123/font/fontawesome-webfont.ttf?v=3.1.0') format('truetype'),url('/wp-content/plugins/commentator-123/font/fontawesome-webfont.svg#fontawesomeregular?v=3.1.0') format('svg');font-weight:normal;font-style:normal}

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>