Font Awesome icon usage statistics

  • 7 types of Font Awesome iconic font are used and found 9 times in total.
  • WORDANS.CA used 1.3 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of WORDANS.CA are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • WORDANS.CA includes "https://www.wordans.ca/assets464/responsive.css" to use Font Awesome and information from CSS is like below.
  • /**/#pp_request_payment{padding:15px;width:300px}#pp_request_payment h1{font-size:14px;font-weight:bold;margin:0;padding:0;color:#444}#pp_request_payment p{font-size:12px}#pp_request_payment .input_text{width:140px;border:1px solid #999;font-size:12px;color:#444}#pp_request_payment .csstext_area{width:290px;height:90px;border:1px solid #999;font-size:12px;color:#444}#pp_request_payment #btn_request_payment{width:170px;margin:10px auto;padding:5px 0 0 0;text-align:center;height:25px;display:block}#pp_request_payment #btn_request_payment a:hover{background-color:#e32122}#pp_request_payment #btn_request_payment .button_request_payment{text-transform:uppercase;padding:5px 10px;background-color:#e32122;color:#fff;font-size:13px;font-weight:bold;text-align:center;font-family:Arial,Helvetica,sans-serif;text-decoration:none;display:block}#pp_delete_wordans_account{padding:15px;width:270px;height:240px}#pp_delete_wordans_account p{font-size:14px;font-weight:bold;text-align:center}#pp_delete_wordans_account #btn_cancel{float:left;width:120px;margin:10px 5px;padding:5px 0 0 0;text-align:center;height:25px;display:block}#pp_delete_wordans_account #btn_cancel a:hover{background-color:#06c506}#pp_delete_wordans_account #btn_cancel .button_cancel{padding:5px 10px;background-color:#090;color:#fff;font-size:13px;font-weight:bold;text-align:center;font-family:Arial,Helvetica,sans-serif;text-decoration:none;display:block}#pp_delete_wordans_account #btn_delete{float:left;width:120px;margin:10px;padding:5px 0 0 0;text-align:center;height:25px;display:block}#pp_delete_wordans_account #btn_delete a:hover{background-color:#e50606}#pp_delete_wordans_account #btn_delete .button_delete{padding:5px 10px;background-color:#900;color:#fff;font-size:13px;font-weight:bold;text-align:center;font-family:Arial,Helvetica,sans-serif;text-decoration:none;display:block}#pp_sell_designs_wordans{padding:15px;width:330px;height:330px}#pp_sell_designs_wordans h1{font-size:14px;font-weight:bold;margin:0;padding:5px 0}#pp_sell_designs_wordans p{font-size:12px;text-align:justify}#pp_sell_designs_wordans p a{text-decoration:none;color:#2f82d5;font-size:12px}#pp_sell_designs_wordans p a:hover{text-decoration:underline;color:#2f82d5;font-size:12px}#pp_sell_designs_wordans #make_design_public{float:left;width:180px;margin:0 60px;padding:5px 0 0 0;text-align:center;height:25px;display:block}#pp_sell_designs_wordans #make_design_public a:hover{background-color:#06c506}#pp_sell_designs_wordans #make_design_public .button_public{padding:5px 10px;background-color:#090;color:#fff;font-size:13px;font-weight:bold;text-align:center;font-family:Arial,Helvetica,sans-serif;text-decoration:none;display:block}#pp_edit_avatar{padding:15px;width:270px;height:200px}#pp_edit_avatar p{font-size:14px;font-weight:bold;text-align:center}#pp_edit_avatar #btn_edit{float:left;width:120px;height:50px;margin:0 80px}#pp_edit_avatar #btn_edit input.submit_avatar{color:#fff;font-size:13px;font-weight:bold;font-family:Arial,Helvetica,sans-serif;font-size:13px;text-align:center;float:left;width:120px;margin:10px 5px;padding:5px 0 10px 0;height:29px;display:block;background-color:#06c506;text-decoration:none;border:0;cursor:pointer}#help_center{float:left}#help_center h1{margin:0;padding:0 10px;font-size:22px;color:#444}#help_center_box{float:left;border:1px solid #d9d9d9;margin:10px 0 20px 10px;padding:20px}#hc_category p{font-size:16px;font-weight:bold;color:#444}#questions_help div.selected .title_help{font-weight:bold}#questions_help div div{padding:5px 15px}#questions_help div.title_help{padding:10px;cursor:pointer;font-size:13px;font-weight:bold;color:#e32122}#questions_help div.selected{border-bottom:0}#tshirts_marketplace ul.tabmenu li a{width:19%}#editshop h1,#promotesell h1{font-size:21px;margin-bottom:5px}#editshop ul.tabmenu,#tshirts_marketplace ul.tabmenu,#editshop ul.tabmenu li,#tshirts_marketplace ul.tabmenu li,#promotesell ul.tabmenu,#promotesell ul.tabmenu li{margin:0;padding:0}#editshop ul.tabmenu li,#tshirts_marketplace ul.tabmenu li,#promotesell ul.tabmenu li{display:inline;list-style:none}#editshop ul.tabmenu li a,#tshirts_marketplace ul.tabmenu li a,#promotesell ul.tabmenu li a{display:block;float:left;background:#999;font-size:14px;font-weight:bold;text-transform:uppercase;text-align:center;line-height:23px;color:#fff;margin-right:3px;text-decoration:none}#editshop ul.tabmenu li a{width:24%}#promotesell ul.tabmenu li a{width:19%}#editshop ul.tabmenu li.active a,#tshirts_marketplace ul.tabmenu li.active a,#editshop ul.tabmenu li a:hover,#tshirts_marketplace ul.tabmenu li a:hover,#promotesell ul.tabmenu li.active a,#promotesell ul.tabmenu li a:hover{background:#e32122}#editshop .tabcontent,#promotesell .tabcontent{border:1px solid #d9d9d9;padding:20px;margin-top:5px}#editshop .tabcontent h2{font-size:24px;border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding-bottom:5px;color:#333}#promotesell .tabcontent h2{font-size:24px;border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding-bottom:5px;color:#e32122}#promotesell .tabcontent #social{float:left;background:0;height:24px;width:600px;margin:0 25px}#promotesell .tabcontent #social #img{float:left;padding:5px 0;height:14px}#promotesell .tabcontent #social #text{float:left;padding:5px 7px;height:14px}#promotesell .tabcontent #social a{background:0;margin:0 0 10px;height:24px;color:#333;text-decoration:none;cursor:pointer}#promotesell .tabcontent #social a #img{float:left;padding:5px 0;height:14px}#promotesell .tabcontent #social a #text{float:left;padding:5px 7px;height:14px}#promotesell .tabcontent #social a #text:hover{color:#2870b9;text-decoration:underline}#promotesell .tabcontent #clear{width:600px;height:20px;float:left}#promotesell .cont ul li a{color:#333;text-decoration:none}#promotesell .cont ul li a:hover{color:#2870b9;text-decoration:underline}#promotesell .fbapp{padding-top:20px;float:left}#promotesell .fbapp h2{font-size:24px;border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding-bottom:5px}#promotesell .fbapp .size_fix{height:45px}#promotesell .fbapp .no_icon{background:0;margin:20px;font-size:13px;padding:0 100px}#promotesell .cont #feed_xml{margin-bottom:25px;height:30px}#promotesell .cont #feed_xml #left{width:280px;float:left;padding:6px 0}#promotesell .cont #feed_xml #right{border:solid 1px #ccc;float:left;text-align:center;padding:5px 10px}#promotesell .cont #list_xml{margin-top:15px}#promotesell .cont #list_xml p{margin-left:45px;padding-bottom:10px}#promotesell .cont #list_xml p .blue{color:#e32122;font-size:12px;font-weight:bold}#promotesell .cont .bold{float:left;font-weight:bold;font-size:13px;margin-bottom:10px}#editshop .shopinfo .cont{margin:0 auto;background:#fafafa}#editshop .shopinfo .cont p{margin-bottom:20px}#editshop .shopinfo .cont label{display:block;font-weight:bold;margin-bottom:3px;padding-left:2px}#editshop .shopinfo .cont input,#editshop .shopinfo .cont textarea{border:1px solid #d9d9d9;margin:0 2px;padding:1px 2px;width:100%;font-family:Arial,Helvetica,sans-serif;font-size:11px}#editshop .shopinfo .cont textarea{overflow:auto;height:100px}#editshop .shopinfo .cont input.wdurl{width:150px}#editshop .shopinfo .btnGreen a{margin:0 auto;float:none;width:100px}#editshop .customlayout img{margin-left:10px;float:right}#editshop .customlayout h3{font-size:17px;margin-bottom:20px}#editshop .customlayout p{font-size:13px;line-height:16px}#editshop .customlayout .btnGreen{margin:20px 0 20px 50px;width:200px}#editshop .customlayout .btnGreen a{float:none;font-size:14px;width:150px}#editshop .mycustomlayout{padding:0 !important}#editshop .mycustomlayout .cont{padding:10px 15px 20px 15px}#editshop .mycustomlayout .btnGreen{text-align:left}#editshop .mycustomlayout .btnGreen a{float:left;font-weight:bold;font-size:11px;background:#000}#editshop .mycustomlayout .modtheme{margin:15px 10px 5px 0;float:left;width:135px;padding:0 0 0 15px}#editshop .mycustomlayout .modtheme h3{font-size:13px;margin-bottom:5px}#editshop .mycustomlayout .modtheme p{margin-bottom:3px}#editshop .mycustomlayout .modtheme p input{margin:0;padding:0;width:17px}#editshop .mycustomlayout .modtheme p a{display:block}#editshop .mycustomlayout .modtheme a{padding-left:21px;line-height:20px;text-decoration:none}#editshop .mycustomlayout .modtheme .editheme a{background:url(/images/boutiques_2010/ven/ico_edit_shop.gif?1432820470) no-repeat left;color:#000}#editshop .mycustomlayout .modtheme .delete a{background:url(/images/boutiques_2010/ven/ico_delete.gif?1432820470) no-repeat left;color:red}#editshop .mycustomlayout .pagination .pagination_numbers{margin:0 auto}#editshop .shoptheme{padding:20px 30px}#editshop .shoptheme .theme{width:150px;float:left;margin:0 50px 20px 0}#editshop .shoptheme .theme p{font-weight:bold}#editshop .shoptheme .theme img{margin:5px 0}#editshop .shoptheme .btnGreen,#editshop .customtshirt .btnGreen{margin:0 auto;width:130px}#editshop .shoptheme .btnGreen a,#editshop .customtshirt .btnGreen a{float:none;font-size:13px;background:#000}#editshop .customtshirt h4{font-weight:bold;font-size:13px}#editshop .customtshirt .bigimg{float:right}#editshop .customtshirt h4 a{font-weight:normal}#editshop .customtshirt table.colorz{margin:10px 0 20px 0}#editshop .customtshirt table.colorz td{padding:3px 0}#editshop .customtshirt table.colorz a{color:#e32122}#editshop .customtshirt table.textz{margin:10px 0 20px 0}#editshop .customtshirt table.textz td,#editshop .customtshirt table.textz th{padding:5px 0}#editshop .customtshirt table.textz th{background:#fafafa;text-align:left;padding-left:10px}#editshop .customtshirt table.textz input{border:1px solid #d9d9d9}#editshop .customtshirt table.imgs{margin:10px 0 20px 0}#editshop .customtshirt table.imgs a{color:#e32122}#editshop .customtshirt table.imgs td,#editshop .customtshirt table.imgs th{padding:5px 0}#editshop .customtshirt table.imgs th{background:#fafafa;text-align:left;padding-left:10px}#editshop #flash_activation_info{padding-bottom:10px;margin:10px 0 20px 0;font-size:11px;border-bottom:1px solid #d9d9d9}#editshop .customize_flash_header{color:#333;font-size:16px;font-weight:bold}#editshop .blue_link{display:block;width:166px;height:14px;background-color:#399bff;color:#fff;text-decoration:none;padding:6px}.animationSaveGreen{text-align:center;width:180px;margin-left:200px}.animationSaveGreen a:hover{background:#06c506}.animationSaveGreen a{padding:5px 10px;background:#090;color:#fff;font-size:10px;font-weight:bold;text-align:center;text-decoration:none;text-transform:uppercase;display:block}#editshop #banner_form #edit_banner #title_pers_banner{color:#c00;font-style:italic}#editshop #banner_form #edit_banner #link_revert_banner{color:#36c;text-decoration:underline;cursor:pointer}#editshop #banner_form #edit_banner #bold_upload_banner{font-weight:bold}#promotesell .tabcontent h2 span{font-size:14px;color:#000}#promotesell .credit h3{font-size:16px;margin-bottom:10px}#promotesell .credit .my_url{width:300px;padding:6px;margin:0 6px 12px 12px;background-color:#e9e9e9;font-weight:bold;color:#e32122}#promotesell .credit .my_url_label{width:300px;padding:6px;margin:12px 6px 2px 6px}#promotesell .socialnet h3{font-size:16px;margin-bottom:10px}#promotesell .socialnet p,#promotesell .minishops .aGreen,#promotesell .shopseo .aGreen{background:url(/images/wordans2010/red_arrow.jpg?1432820470) no-repeat left;padding-left:10px;margin:7px 0}#promotesell .socialnet ul{margin:20px 0 20px 20px;padding:0}#promotesell .socialnet ul li{margin:0 0 8px 0;padding:0 0 0 22px;list-style:none;line-height:16px}#promotesell .socialnet ul li.fb{background:url(/images/boutiques_2010/ven/social/fb16.gif?1432820470) no-repeat left}#promotesell .socialnet ul li.flick{background:url(/images/boutiques_2010/ven/social/flick16.gif?1432820470) no-repeat left}#promotesell .socialnet ul li.twitt{background:url(/images/boutiques_2010/ven/social/twitt16.gif?1432820470) no-repeat left}#promotesell .socialnet ul li.rss{background:url(/images/boutiques_2010/ven/social/rss_16.png?1432820470) no-repeat left}#promotesell .socialnet ul li.mysp{background:url(/images/boutiques_2010/ven/social/myspace16.gif?1432820470) no-repeat left}#promotesell .socialnet ul li.buzz{background:url(/images/boutiques_2010/ven/social/buzz16.gif?1432820470) no-repeat left}#promotesell .socialnet ul li.blogz{background:url(/images/boutiques_2010/ven/social/blogz16.gif?1432820470) no-repeat left}#promotesell .socialnet ul li.emailz{background:url(/images/boutiques_2010/ven/social/emailz16.gif?1432820470) no-repeat left}#promotesell .tshirtapp p{margin-bottom:10px;font-size:13px}#promotesell .tshirtapp textarea{border:1px solid #d9d9d9;padding:2px;font-family:Arial,Helvetica,sans-serif;font-size:11px;width:100%;margin:15px 0;overflow:auto}#promotesell .tshirtapp p img{margin:0 10px}#promotesell .tshirtapp .btnGreen{margin:0 auto;width:300px}#promotesell .tshirtapp .btnGreen a{float:none;font-size:13px;text-transform:uppercase;background:#000}#promotesell .fbapp p{margin-bottom:10px;font-size:13px;background:url(/images/boutiques_2010/ven/ico_fb.jpg?1432820470) no-repeat left top;padding-left:50px}#promotesell .fbapp p a{color:#e32122}#promotesell .fbapp ul{margin:20px 0 20px 10px;padding:0;_margin:20px 0 20px 0}#promotesell .fbapp ul li{margin:0;padding:0;list-style:none;display:block;float:left;margin-right:13px}#promotesell .fbapp ul li span{display:block;font-size:11px}#promotesell .fbapp ul li img{border:1px solid #d9d9d9}#promotesell .fbapp .btnGreen{margin:0 auto;width:330px}#promotesell .fbapp .btnGreen a{float:none;font-size:13px;text-transform:uppercase;background:#000}#promotesell .minishops p{margin-bottom:10px;font-size:13px;color:#333}#promotesell .minishops .examples{float:left;background:#fbfbfb;padding:5px;width:400px;margin-top:15px}#promotesell .minishops .examples textarea{border:1px solid #d9d9d9;padding:2px;font-family:Arial,Helvetica,sans-serif;overflow:auto;font-size:11px;width:95%;height:50px;margin-bottom:15px}#promotesell .minishops .vex{float:right}#promotesell .minishops .examples label,#promotesell .minishops .vex label{display:block;font-size:11px}#promotesell .minishops span{width:400px;font-size:11px;display:block;margin-bottom:10px}#promotesell .minishops h2 span{display:inline}#promotesell .shopseo .aGreen{font-weight:bold;margin-bottom:15px;color:#333}#promotesell .shopseo .aGreen a{text-decoration:none;font-weight:normal;color:#e32122}#promotesell .shopseo .aGreen img{vertical-align:middle}#promotesell .shopseo .grey{background:#ededed;padding:15px;margin-top:15px}#promotesell .shopseo .grey p{margin-bottom:8px;font-size:13px}#promotesell .shopseo .grey input,#promotesell .shopseo .grey textarea{border:1px solid #d9d9d9;margin:0 2px;padding:1px 2px;width:80%;font-family:Arial,Helvetica,sans-serif;font-size:11px}#promotesell .shopseo .grey textarea{height:60px;overflow:auto}#promotesell .shopseo .btnGreen{margin:10px auto;width:100px}#promotesell .shopseo .btnGreen a{float:none;font-size:13px;background:#000}#promotesell h1{font-size:21px;margin-bottom:5px}#promotesell ul.tabmenu,#promotesell ul.tabmenu li{margin:0;padding:0}#promotesell ul.tabmenu li{display:inline;list-style:none}#promotesell ul.tabmenu li a{display:block;float:left;background:#999;text-transform:uppercase;font-size:14px;font-weight:bold;text-align:center;line-height:23px;color:#fff;margin-right:3px;text-decoration:none}#promotesell ul.tabmenu li a{width:21%}#promotesell ul.tabmenu li.active a,#promotesell ul.tabmenu li a:hover{background:#e32122;text-transform:uppercase}#promotesell .tabcontent{border:1px solid #d9d9d9;padding:20px;margin-top:5px}#promotesell .tabcontent h2{font-size:24px;border-bottom:1px solid #d9d9d9;margin-bottom:10px;padding-bottom:5px}#promotesell #tab1{float:left}#add_marketplace{float:left;width:695px}#add_to_marketplace{float:left;width:695px}#add_to_marketplace h1{margin:0;padding:0 10px;font-size:22px;color:#444}#add_to_marketplace_box{float:left;width:640px;border:1px solid #d9d9d9;margin:10px 0 20px 10px;padding:20px}.titleForm{clear:both;float:left;padding-right:8px;padding-top:10px;text-align:left;width:80px}.boxForm{float:left;padding-left:5px;padding-top:10px;width:130px}.delete_from_marketplace{background:transparent url(/images/boutiques_2010/ven/ico_delete_g.gif?1432820470) no-repeat scroll left center;padding-left:20px}#comments_container h1{font-size:21px;margin:15px 0;font-weight:bold;padding:0}#comments_container #switch_comments{margin:5px 0}#comments_container #switch_comments #allow{font-weight:bold;font-size:13px}#comments_container #switch_comments #submit_switch{font-size:9px}#comments_container #explain_text{padding:15px 0;border-bottom:1px solid #ccc}#comments_container #right_container #search_section{margin:15px 5px}#comments_container #right_container #search_section #input_search{width:150px;display:block;float:left;margin-right:10px}#comments_container #right_container #search_section #submit_search{display:block;float:left}#comments_container #right_container #main_section{width:685px}#comments_container #right_container #main_section #shop_comments{width:330px;border:1px solid #aaa;float:left}#comments_container #right_container #main_section #product_comments{width:330px;border:1px solid #aaa;float:left;margin-right:20px}#comments_container #right_container #main_section .comments_header{font-weight:bold;background-color:#ccc;padding:5px 10px;font-size:13px}#comments_container #right_container #main_section .one_comment{padding:10px 15px}#comments_container #right_container #main_section .line0{background-color:#fff}#comments_container #right_container #main_section .line1{background-color:#eeeded}#comments_container #right_container #main_section .one_comment .one_comment_header{font-size:11px}#comments_container #right_container #main_section .one_comment .one_comment_header .delete_link{background:transparent url(/images/boutiques_2010/ven/minix2.png?1432820470) no-repeat scroll left center;padding-left:17px;text-decoration:none;color:#c00;display:block;float:right}#comments_container #right_container #main_section .one_comment .one_comment_section{margin:10px 0}#comments_container #right_container #main_section .one_comment .one_comment_section img{display:block;float:left;margin-right:10px;border:1px solid #ccc}#comments_container #right_container #main_section .one_comment .one_comment_section .comment_content{float:right;text-align:left;width:220px;overflow:hidden}#comments_container #right_container #main_section .one_comment .reply_button{float:right}#comments_container #right_container #main_section .one_comment .reply_button a{display:block;height:16px;background-color:#69f;padding:2px 15px;color:#fff;text-decoration:none;font-weight:bold}#comments_container #right_container #main_section .one_comment .reply_button a:hover{color:#fff}#comments_container #right_container #main_section .paginate_comments{font-weight:bold;padding:10px 7px}#comments_container #right_container #main_section .paginate_comments .pagination{float:left;width:260px;text-align:center}#comments_container #right_container #main_section .paginate_comments .select_amount{display:block;float:right}#poster_container #space_for_croping{width:213px;margin:0 auto;text-align:center}#poster_container #crop_instructions{width:200px;margin-right:5px;float:right}#poster_container #crop_instructions p{text-align:justify}#poster_container h1{background:#000;color:#FFF;font-size:18px;padding:5px}#poster_container #content_right{width:225px;float:left;margin-top:20px}#poster_container #content_right #red_square{background-color:#e32121;color:white;text-align:center;padding-top:5px;padding-bottom:5px;background-image:url(/images/wordans2010/stickers/phone.png?1432820470);background-repeat:no-repeat;background-position:8% 5%}#poster_container #content_right #red_square span{border-bottom:1px solid white;display:block;width:100%;padding-bottom:2px}#poster_container #content_right #red_square h2{margin:0;padding-top:3px}#poster_container #content_right #list_advantages{background-color:white;color:black;list-style-type:none;text-align:right;margin:30px 0 20px 0}#poster_container #content_right #list_advantages li{padding:15px 0 15px 0;font-weight:bold;padding-right:25px;background-image:url(/images/wordans2010/stickers/check.png?1432820470);background-repeat:no-repeat;background-position:right 40%}#poster_container #content_left{width:685px;float:left;color:black}#poster_container #back_next{width:915px;margin:auto;clear:both;padding-bottom:40px;padding-top:30px}#poster_container #back_next #back{text-align:center;width:100px;float:left}#poster_container #back_next #next input{text-align:center;min-width:100px;float:right}#poster_container #back_next #right{min-width:100px;text-align:center}#poster_container #back_next #left{width:80px;margin:0}#poster_container #back_next #bouton_right{min-width:100px;margin:0}.uploadifyQueueItem{background-color:#f5f5f5;border:2px solid #aaa;font:11px Verdana,Geneva,sans-serif;margin-top:5px;padding:10px;width:325px}.uploadifyError{background-color:#fde5dd !important;border:2px solid #fbcbbc !important}.uploadifyQueueItem .cancel{float:right}.uploadifyQueue .completed{background-color:#e5e5e5}.uploadifyProgress{background-color:#e5e5e5;margin-top:10px;width:100%}.uploadifyProgressBar{background-color:#09f;height:8px;width:1px}#page-container{width:930px;margin:96px auto 0 auto}.smallActionButton{display:inline-block;padding:2px 8px;width:auto;overflow:visible;font:bold 12px sans-serif;text-decoration:none;outline:0;cursor:pointer;padding:8px;-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;-webkit-transition:-webkit-box-shadow .3s ease-in-out;-moz-transition:-moz-box-shadow .3s ease-in-out;-o-transition:background-color .3s ease-in-out;transition:box-shadow .3s ease-in-out,background-color .3s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-o-user-select:none;-khtml-user-select:none;user-select:none}.actionButton:active,.smallActionButton:active{position:relative;top:1px}.b_red:hover,.b_red_cart:hover,.b_red_upload:hover,.b_red_send:hover,.b_red_dollar:hover,.b_red_tshirt:hover,.b_red_save:hover,.b_red_save_all:hover,.b_red_home:hover,.b_red_promote:hover,.b_red_search:hover{background:#fb3e3d;text-decoration:none !important}.b_red,.b_red_cart,.b_red_upload,.b_red_send,.b_red_dollar,.b_red_tshirt,.b_red_save,.b_red_save_all,.b_red_home,.b_red_promote,.b_red_search{background:#e32120;color:#fff !important;border-radius:0}.b_red:active,.b_red_cart:active,.b_red_upload:active,.b_red_send:active,.b_red_dollar:active,.b_red_tshirt:active,.b_red_save:active,.b_red_save_all:active,.b_red_home:active,.b_red_promote:active,.b_red_search:active{background:#ed1c24 url(/images/wordans2010/svg/grad-red-active.svg?1432820470) 0 0 no-repeat;background:-moz-linear-gradient(center top,#aa1317,#ed1c24) repeat scroll 0 0 transparent;background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#aa1317),color-stop(100%,#ed1c24));background-image:-o-linear-gradient(top,#aa1317,#ed1c24);color:#fff}.smallActionButton.b_red_cart .icon{background-image:url(/images/wordans2010/icons/add_cart_icon_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_red_upload .icon{background-image:url(/images/wordans2010/icons/upload_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_red_send .icon{background-image:url(/images/wordans2010/icons/enveloppe_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_red_dollar .icon{background-image:url(/images/wordans2010/icons/dollar_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_red_tshirt .icon{background-image:url(/images/wordans2010/icons/tee_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_red_save .icon{background-image:url(/images/wordans2010/icons/disk_small.png?1432820470);background-position:0 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_red_save_all .icon{background-image:url(/images/wordans2010/icons/diskall_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_red_home .icon{background-image:url(/images/wordans2010/icons/home_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_red_promote .icon{background-image:url(/images/wordans2010/icons/fleche_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_black_search .icon{background-image:url(/images/wordans2010/icons/loupe_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_black_tshirt .icon{background-image:url(/images/wordans2010/icons/tee_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}.smallActionButton.b_black_keep_shopping .icon{background-image:url(/images/wordans2010/icons/keep_small.png?1432820470);background-position:84% 50%;background-repeat:no-repeat;line-height:15px;padding:0 0 0 20px}@media(max-width:755px){.fix-float-mobile{float:none}}@media(min-width:755px){.fix-float-mobile{float:right}}.create_products_on_my_products{padding-top:46px;float:right}#myproducts_info>div:first-child{float:left;width:75%}@media(max-width:535px){#myproducts_info h1{font-size:180%}#myproducts_info>div:first-child{width:60%}#myproducts_info ul.tabmenu li a{width:100%;margin:0 auto 2px auto}.create_products_on_my_products{padding-top:0;margin-right:1px}}.bootstrap-tagsinput{background-color:#fff;border:1px solid #ccc;box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);display:inline-block;padding:4px 6px;margin-bottom:10px;color:#555;vertical-align:middle;border-radius:4px;max-width:100%;line-height:22px;cursor:text}.bootstrap-tagsinput input{border:0;box-shadow:none;outline:0;background-color:transparent;padding:0;margin:0;width:auto !important;max-width:inherit;width:100% !important}.bootstrap-tagsinput input:focus{border:0;box-shadow:none}.bootstrap-tagsinput .tag{margin-right:2px;color:white}.bootstrap-tagsinput .tag [data-role="remove"]{margin-left:8px;cursor:pointer}.bootstrap-tagsinput .tag [data-role="remove"]:after{content:"x";padding:0 2px}.bootstrap-tagsinput .tag [data-role="remove"]:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,0.2),0 1px 2px rgba(0,0,0,0.05)}.bootstrap-tagsinput .tag [data-role="remove"]:hover:active{box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)}/*!
     *  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-angle-right

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

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

fa-angle-right

fa-angle-right

fa-angle-right

fa-angle-right

fa-angle-right

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-angle-right fa-lg"></i> fa-angle-right</p>
<p><i class="fa fa-angle-right fa-2x"></i> fa-angle-right</p>
<p><i class="fa fa-angle-right fa-3x"></i> fa-angle-right</p>
<p><i class="fa fa-angle-right fa-4x"></i> fa-angle-right</p>
<p><i class="fa fa-angle-right fa-5x"></i> fa-angle-right</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-angle-right fa-fw"></i> Home</a></li>
  <li><a href="#"><i class="fa fa-angle-right 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-angle-right"></i>Font Awesome icon can be used</li>
  <li><i class="fa-li fa fa-angle-right 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-angle-right 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-angle-right"></i>  normal<br>
<i class="fa fa-angle-right fa-rotate-90"></i>  fa-rotate-90<br>
<i class="fa fa-angle-right fa-rotate-180"></i>  fa-rotate-180<br>
<i class="fa fa-angle-right fa-rotate-270"></i>  fa-rotate-270<br>
<i class="fa fa-angle-right fa-flip-horizontal"></i>  fa-flip-horizontal<br>
<i class="fa fa-angle-right 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-angle-right fa-2x fa-spin"></i>
<i class="fa fa-angle-right fa-3x fa-spin"></i>
<i class="fa fa-angle-right fa-4x fa-spin"></i>

CSS3 animations aren't supported in IE8 - IE9.

fa-angle-right on fa-square-o
fa-angle-right on fa-circle
fa-angle-rightl on fa-square
fa-ban on fa-angle-right

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-angle-right fa-stack-1x"></i>
</span>
fa-angle-right on fa-square-o<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-circle fa-stack-2x"></i>
  <i class="fa fa-angle-right fa-stack-1x fa-inverse"></i>
</span>
fa-angle-right on fa-circle<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-square fa-stack-2x"></i>
  <i class="fa fa-angle-right fa-stack-1x fa-inverse"></i>
</span>
fa-angle-right on fa-square<br>
<span class="fa-stack fa-lg">
  <i class="fa fa-angle-right fa-stack-1x"></i>
  <i class="fa fa-ban fa-stack-2x text-danger"></i>
</span>
fa-ban on fa-angle-right

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

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

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



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