Font Awesome icon usage statistics

  • 2 types of Font Awesome iconic font are used and found 3 times in total.
  • SCHOOLSBD.ORG used 1.5 Font Awesome classes per each class in average.
  • Font Awesome usage statistics of SCHOOLSBD.ORG are based on first landing page and within top 1M websites only. Click the font icon to see all websites using it.
  • SCHOOLSBD.ORG includes "http://www.SCHOOLSBD.ORG/templates/gantry/css-compiled/master-fa48867de753440c9e7bd2501bd10ff2.css" to use Font Awesome and information from CSS is like below.
  • @font-face{font-family:'robotoregular';src:url('../fonts/roboto-regular-webfont.eot');src:url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-regular-webfont.woff') format('woff'), url('../fonts/roboto-regular-webfont.ttf') format('truetype'), url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'robotothin';src:url('../fonts/roboto-thin-webfont.eot');src:url('../fonts/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-thin-webfont.woff') format('woff'), url('../fonts/roboto-thin-webfont.ttf') format('truetype'), url('../fonts/roboto-thin-webfont.svg#robotothin') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'robotolight';src:url('../fonts/roboto-light-webfont.eot');src:url('../fonts/roboto-light-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-light-webfont.woff') format('woff'), url('../fonts/roboto-light-webfont.ttf') format('truetype'), url('../fonts/roboto-light-webfont.svg#robotolight') format('svg');font-weight:normal;font-style:normal;}@font-face{font-family:'robotomedium';src:url('../fonts/roboto-medium-webfont.eot');src:url('../fonts/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'), url('../fonts/roboto-medium-webfont.woff') format('woff'), url('../fonts/roboto-medium-webfont.ttf') format('truetype'), url('../fonts/roboto-medium-webfont.svg#robotomedium') format('svg');font-weight:normal;font-style:normal;}a{-webkit-transition:color 0.2s ease-out;-moz-transition:color 0.2s ease-out;-o-transition:color 0.2s ease-out;transition:color 0.2s ease-out;}#rt-top .rt-container{background:#ffffff;}#rt-mainbody ul,#rt-mainbody ol{margin-left:10px;list-style:none;}#rt-mainbody ul li,#rt-mainbody ol li{position:relative;padding-left:10px;padding-bottom:10px;}#rt-mainbody ul li:before,#rt-mainbody ol li:before{content:"-";display:inline-block;position:absolute;left:0;top:5px;}#rt-transition.rt-hidden{opacity:0;}#rt-transition.rt-visible{opacity:1;-webkit-transition:opacity 0.4s ease-in;-moz-transition:opacity 0.4s ease-in;-o-transition:opacity 0.4s ease-in;transition:opacity 0.4s ease-in;}#rt-logo{margin:0;display:block;padding:0 0 0 15px;}.rt-container{background:#ffffff;}#rt-fullwidth p{margin:0;}#rt-utility .rt-block{margin-top:50px;padding-top:50px;padding-bottom:50px;margin-bottom:50px;}#rt-breadcrumbs .rt-container{background:#0ce7f2;color:#ffffff;}#rt-breadcrumbs .rt-container ul li a,#rt-breadcrumbs .rt-container ul li span,#rt-breadcrumbs .rt-container ul li .pathway,#rt-breadcrumbs .rt-container ul li a::after{color:#ffffff;}#rt-top-surround{position:relative;}#rt-top-surround:after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;}#rt-header,#rt-top{z-index:2;position:relative;}#rt-top .rt-container{background-color:#238ada;background-image:-moz-linear-gradient(top,#27d8e8,#1e16c4);background-image:-webkit-gradient(linear,0 0,0 100%,from(#27d8e8),to(#1e16c4));background-image:-webkit-linear-gradient(top,#27d8e8,#1e16c4);background-image:-o-linear-gradient(top,#27d8e8,#1e16c4);background-image:linear-gradient(to bottom,#27d8e8,#1e16c4);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff27d8e8', endColorstr='#ff1e16c4', GradientType=0);}#rt-header .rt-container{background-color:#23ce23;background-image:-moz-linear-gradient(top,#18f218,#339933);background-image:-webkit-gradient(linear,0 0,0 100%,from(#18f218),to(#339933));background-image:-webkit-linear-gradient(top,#18f218,#339933);background-image:-o-linear-gradient(top,#18f218,#339933);background-image:linear-gradient(to bottom,#18f218,#339933);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff18f218', endColorstr='#ff339933', GradientType=0);-webkit-box-shadow:0px 2px 1px rgba(35,31,32,0.13);-moz-box-shadow:0px 2px 1px rgba(35,31,32,0.13);box-shadow:0px 2px 1px rgba(35,31,32,0.13);}#rt-sidebar-a .rt-block .module-surround .module-title{background-color:#23ce23;background-image:-moz-linear-gradient(top,#18f218,#339933);background-image:-webkit-gradient(linear,0 0,0 100%,from(#18f218),to(#339933));background-image:-webkit-linear-gradient(top,#18f218,#339933);background-image:-o-linear-gradient(top,#18f218,#339933);background-image:linear-gradient(to bottom,#18f218,#339933);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff18f218', endColorstr='#ff339933', GradientType=0);}#rt-sidebar-a .rt-block .module-surround .module-title .title{color:#ffffff;padding:0 15px;margin-bottom:0px;}#rt-sidebar-a .rt-block .module-surround .module-content{border:1px solid #ddd;border-top:0px;padding:10px;}#rt-sidebar-a .rt-block.no-border .module-content{border:0;margin:0;padding:0;}#rt-fullwidth img{width:100%;height:auto;}#rt-footer-surround{font-size:13px;}.menu-block{padding:0;margin:0;}ul.menu{list-style:none;margin:0;padding:0;}ul.menu ul{list-style:none;}ul.menu li{margin-bottom:8px;}ul.menu li a,ul.menu li .item,ul.menu li .separator{display:block;font-size:1.1em;font-weight:bold;}ul.menu li a:before,ul.menu li .item:before,ul.menu li .separator:before{content:"\2022";font-family:FontAwesome;margin-right:10px;display:inline;vertical-align:middle;font-weight:normal;}ul.menu li.active.current > a:before,ul.menu li.active.current > .item:before,ul.menu li.active.current > .separator:before,ul.menu li#current.active > a:before,ul.menu li#current.active > .item:before,ul.menu li#current.active > .separator:before{content:"\f054";margin-right:11px;}ul.menu ul.small{font-size:14px;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{display:inline-block;padding:3px 10px;line-height:1.7em;font-size:1em;}#gantry-totop{display:inline-block;padding:4px 10px;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}.rt-block.footerMenu{margin-top:0px;padding-bottom:0px;margin-bottom:0px;font-family:'robotolight';}.rt-block.footerMenu span,.rt-block.footerMenu a{font-family:'robotolight';font-size:14px;line-height:14px;border-right:1px solid #ffffff;display:inline-block;padding:0 5px;}.rt-block.footerMenu span:last-child,.rt-block.footerMenu a:last-child{border:0;}.rt-block.copyright{padding-top:0px;margin-top:0px;padding-bottom:0px;font-family:'robotolight';}.rt-block.adminlink a{display:block;text-align:center;font-size:22px;text-transform:uppercase;}.breadcrumb{background-color:transparent;text-shadow:none;color:#763e14;}.breadcrumb li{text-shadow:none;color:#763e14;line-height:12px;}.breadcrumb li a,.breadcrumb li span{color:#763e14;}.sprocket-strips .sprocket-strips-container{margin:0;}.sprocket-strips .sprocket-strips-container li{margin:0;}.sprocket-strips .sprocket-strips-container .sprocket-strips-item{-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;text-align:center;display:table;margin:0 auto;}.sprocket-strips .sprocket-strips-container .sprocket-strips-item .sprocket-strips-content{padding:0;margin:0;display:table-cell;vertical-align:middle;}.logotextenglish,.logotextbangla{display:block;color:#faf5f5;text-shadow:1px 1px 1px #333;}.logotextbangla{font-size:36px;line-height:45px;}.logotextenglish{font-size:36px;line-height:45px;padding-top:9px;}.page-header h2{margin:0;}body{background:#a08ca3;color:#000000;}a:hover{color:#000000;}h2{color:#000000;font-family:'robotolight';font-weight:normal;}h3{color:#000000;font-family:'robotolight';font-weight:normal;}h1,h4,h5,h6{color:#000000;font-family:'robotolight';font-weight:normal;}a,ul.menu li .separator{color:#0095ff;}.logo-type-gantry #rt-logo{background-image:url(../images/logo.png);background-repeat:no-repeat;background-position:0 0;}ul.menu li.active.current > a,ul.menu li.active.current > .item,ul.menu li.active.current > .separator,ul.menu li#current.active > a,ul.menu li#current.active > .item,ul.menu li#current.active > .separator{color:#000000;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button{color:#ffffff;text-shadow:-1px -1px 0 rgba(0,0,0,0.3);box-shadow:0 2px 3px rgba(0,0,0,0.2), inset 0 1px 0 rgba(255,255,255,0.2);}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover{color:#ffffff;}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active{-webkit-box-shadow:0 1px 0 #ffffff;-moz-box-shadow:0 1px 0 #ffffff;box-shadow:0 1px 0 #ffffff;}.readmore a{color:#ffffff;}.readmore a:hover{color:#ffffff;}.button,.readon,.readmore,button.validate,#member-profile a,#member-registration a,.formelm-buttons button,.btn-primary{border-color:#005999;background-color:#0c8fed;background-image:-moz-linear-gradient(top,#149dff,#007ad1);background-image:-webkit-gradient(linear,0 0,0 100%,from(#149dff),to(#007ad1));background-image:-webkit-linear-gradient(top,#149dff,#007ad1);background-image:-o-linear-gradient(top,#149dff,#007ad1);background-image:linear-gradient(to bottom,#149dff,#007ad1);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149dff', endColorstr='#ff007ad1', GradientType=0);}.button:hover,.readon:hover,.readmore:hover,button.validate:hover,#member-profile a:hover,#member-registration a:hover,.formelm-buttons button:hover,.btn-primary:hover{background-color:#1f9ef9;background-image:-moz-linear-gradient(top,#33aaff,#008cf0);background-image:-webkit-gradient(linear,0 0,0 100%,from(#33aaff),to(#008cf0));background-image:-webkit-linear-gradient(top,#33aaff,#008cf0);background-image:-o-linear-gradient(top,#33aaff,#008cf0);background-image:linear-gradient(to bottom,#33aaff,#008cf0);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff32aaff', endColorstr='#ff008cef', GradientType=0);}.button:active,.readon:active,.readmore:active,button.validate:active,#member-profile a:active,#member-registration a:active,.formelm-buttons button:active,.btn-primary:active{background-color:#1098f9;background-image:-moz-linear-gradient(top,#008ff5,#29a6ff);background-image:-webkit-gradient(linear,0 0,0 100%,from(#008ff5),to(#29a6ff));background-image:-webkit-linear-gradient(top,#008ff5,#29a6ff);background-image:-o-linear-gradient(top,#008ff5,#29a6ff);background-image:linear-gradient(to bottom,#008ff5,#29a6ff);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff008ff4', endColorstr='#ff28a5ff', GradientType=0);}.pagenav li{background:#f0f0f0;border:1px solid #d5d5d5;box-shadow:inset 0 0 0 1px #ffffff, 0 1px 2px rgba(0,0,0,0.2);}.login-fields #username,.login-fields #password,#contact-form dd input,#contact-form dd textarea,#modlgn-username,#modlgn-passwd,#jform_email,#member-registration dd input,#search-searchword,.finder .inputbox,.inputbox{border:1px solid #d9d9d9;}.pagination ul li a{background-color:#f1f1f1;background-image:-moz-linear-gradient(top,#ffffff,#dddddd);background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffffff),to(#dddddd));background-image:-webkit-linear-gradient(top,#ffffff,#dddddd);background-image:-o-linear-gradient(top,#ffffff,#dddddd);background-image:linear-gradient(to bottom,#ffffff,#dddddd);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffdddddd', GradientType=0);border:1px solid #d5d5d5;text-shadow:0 1px 1px rgba(255,255,255,0.75);}.pagination ul li span{background:#eaeaea;border:1px solid #d5d5d5;color:#aaaaaa;}.breadcrumbs a:after,.breadcrumb a:after{color:#aaaaaa;}.breadcrumbs .showHere,.breadcrumb .showHere{font-weight:bold;margin-right:5px;}.article-info.muted{color:inherit;}.article-info dd:before{text-shadow:1px 1px 0 #ffffff;}.tip-wrap{background:#ffffff;-webkit-box-shadow:0 0 5px rgba(0,0,0,0.3);-moz-box-shadow:0 0 5px rgba(0,0,0,0.3);box-shadow:0 0 5px rgba(0,0,0,0.3);color:#000000;}.system-unpublished .system-unpublished{background:#ffffff;border-color:#d5d5d5;}.tags .label-info{background:#0077cc;}abbr[title]{border-bottom:1px dotted #d5d5d5;}blockquote{border-left:5px solid #d5d5d5;}blockquote small{color:#aaaaaa;}blockquote.pull-right{border-right:5px solid #d5d5d5;}legend{color:#000000;border-bottom:1px solid #d5d5d5;}legend small{color:#d5d5d5;}select,textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{color:#000000;}textarea,input[type="text"],input[type="password"],input[type="datetime"],input[type="datetime-local"],input[type="date"],input[type="month"],input[type="time"],input[type="week"],input[type="number"],input[type="email"],input[type="url"],input[type="search"],input[type="tel"],input[type="color"],.uneditable-input{background-color:#ffffff;border:1px solid #d5d5d5;-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);-moz-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);}select{border:1px solid #d5d5d5;}.uneditable-input,.uneditable-textarea{color:#aaaaaa;background-color:#a08ca3;border-color:#d5d5d5;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);}input[disabled],select[disabled],textarea[disabled],input[readonly],select[readonly],textarea[readonly]{border-color:#d5d5d5;}.input-prepend .add-on,.input-append .add-on{text-shadow:0 1px 0 #ffffff;background-color:#f0f0f0;border:1px solid #d5d5d5;}.input-prepend.input-append .media-preview,.input-append.input-append .media-preview{margin:0;}.form-actions{background-color:#f0f0f0;border-top:1px solid #d5d5d5;}.uneditable-input{background-color:;border-color:#eeeeee;-webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);-moz-box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);}.help-block,.help-inline{color:;}.table-bordered th{background-color:#f0f0f0;}.well{background-color:transparent;border:none;-webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none;}.nav-tabs.nav-stacked > li > a{background-color:#f0f0f0;}.nav-tabs.nav-stacked > li > a:hover{background-color:#eaeaea;}.list-striped li:nth-child(odd),.list-striped dd:nth-child(odd),.row-striped .row:nth-child(odd),.row-striped .row-fluid:nth-child(odd),.cat-list-row0{background-color:#eaeaea;}.list-striped li:hover,.list-striped dd:hover,.row-striped .row:hover,.row-striped .row-fluid:hover,.cat-list-row0:hover,.cat-list-row1:hover{background-color:#fcfcfc;}.filter-search.alert-info{background-color:transparent;border-color:transparent;color:inherit;}.filter-search.alert-info .inputbox{color:;}p.success,p.info,p.error,p.warning{border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;padding:15px;font-weight:bold;border:1px solid;}p.success a,p.info a,p.error a,p.warning a{color:#666 !important;}p.success a:hover,p.info a:hover,p.error a:hover,p.warning a:hover{color:#000 !important;text-shadow:none;}p.success{background:#dff0d8;border-color:#d6e9c6;color:#468847;}p.info{background:#d9edf7;border-color:#bce8f1;color:#3a87ad;}p.error{background:#f2dede;border-color:#eed3d7;color:#b94a48;}p.warning{background:#fcf8e3;border-color:#fbeed5;color:#c09853;}.gf-menu .item{color:#ffffff;}.gf-menu.l1 > li.active{background-color:#dd2326;background-image:-moz-linear-gradient(top,#dd2326,#dd2326);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dd2326),to(#dd2326));background-image:-webkit-linear-gradient(top,#dd2326,#dd2326);background-image:-o-linear-gradient(top,#dd2326,#dd2326);background-image:linear-gradient(to bottom,#dd2326,#dd2326);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd2326', endColorstr='#ffdd2326', GradientType=0);-webkit-box-shadow:inset -1px 0 1px rgba(35,31,32,0.31);-moz-box-shadow:inset -1px 0 1px rgba(35,31,32,0.31);box-shadow:inset -1px 0 1px rgba(35,31,32,0.31);}.gf-menu .dropdown{background-color:#23ce23;background-image:-moz-linear-gradient(top,#18f218,#339933);background-image:-webkit-gradient(linear,0 0,0 100%,from(#18f218),to(#339933));background-image:-webkit-linear-gradient(top,#18f218,#339933);background-image:-o-linear-gradient(top,#18f218,#339933);background-image:linear-gradient(to bottom,#18f218,#339933);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff18f218', endColorstr='#ff339933', GradientType=0);}.gf-menu .dropdown ul li:hover .item{color:#ffffff;}.gf-menu li:hover,.gf-menu li.active:hover{background-color:#dd2326;background-image:-moz-linear-gradient(top,#dd2326,#dd2326);background-image:-webkit-gradient(linear,0 0,0 100%,from(#dd2326),to(#dd2326));background-image:-webkit-linear-gradient(top,#dd2326,#dd2326);background-image:-o-linear-gradient(top,#dd2326,#dd2326);background-image:linear-gradient(to bottom,#dd2326,#dd2326);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffdd2326', endColorstr='#ffdd2326', GradientType=0);}.gf-menu li:hover .item,.gf-menu li.active:hover .item{color:#ffffff;}@font-face{font-family:'FontAwesome';src:url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?v=3.2.1');src:url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.eot?#iefix&v=3.2.1') format('embedded-opentype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.woff?v=3.2.1') format('woff'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.ttf?v=3.2.1') format('truetype'), url('../../../libraries/gantry/assets/jui/fonts/fontawesome-webfont.svg#fontawesomeregular?v=3.2.1') format('svg');font-weight:normal;font-style:normal;}

Examples and source code

icon-chevron-right

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

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

icon-chevron-right

icon-chevron-right

icon-chevron-right

icon-chevron-right

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

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

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

CSS3 animations aren't supported in IE8 - IE9.

icon-chevron-right on icon-check-empty
icon-chevron-right on icon-circle
icon-chevron-rightl on icon-sign-blank
icon-ban-circle on icon-chevron-right

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