13.5 #Icon.stacked Stacked icons

Toggle example guides Toggle HTML markup

.sf-stack {.sf-stack__in,.sf-stack__out}

Html
    <div class="sf-icon-stack">
      <i class="sf-icon-stack__in sf-fa sf-fa-info sf-icon -size-3xs -white"></i>
      <i class="sf-icon-stack__out sf-fa sf-fa-circle sf-icon -size-l -black"></i>
    </div>
    <div class="sf-icon-stack">
      <i class="sf-icon-stack__in sf-fa sf-fa-check sf-icon -size-2xs -light"></i>
      <i class="sf-icon-stack__in sf-fa sf-fa-circle sf-icon -size-xl -black"></i>
      <i class="sf-icon-stack__out sf-fa sf-fa-circle sf-icon -size-2xl -light"></i>
    </div>