<div class="sb:icons sb:font-icons">
  <div class="sb:icon">
    <i class="pl-icon icon-arrow-down" aria-hidden="true"></i>
    <p>arrow-down</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-arrow-left" aria-hidden="true"></i>
    <p>arrow-left</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-arrow-right" aria-hidden="true"></i>
    <p>arrow-right</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-arrow-up" aria-hidden="true"></i>
    <p>arrow-up</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-check" aria-hidden="true"></i>
    <p>check</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-check-circle" aria-hidden="true"></i>
    <p>check-circle</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-check-solid" aria-hidden="true"></i>
    <p>check-solid</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-chevron-down" aria-hidden="true"></i>
    <p>chevron-down</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-chevron-left" aria-hidden="true"></i>
    <p>chevron-left</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-chevron-right" aria-hidden="true"></i>
    <p>chevron-right</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-chevron-up" aria-hidden="true"></i>
    <p>chevron-up</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-close" aria-hidden="true"></i>
    <p>close</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-error" aria-hidden="true"></i>
    <p>error</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-facebook" aria-hidden="true"></i>
    <p>facebook</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-heart" aria-hidden="true"></i>
    <p>heart</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-help" aria-hidden="true"></i>
    <p>help</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-hide" aria-hidden="true"></i>
    <p>hide</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-history" aria-hidden="true"></i>
    <p>history</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-instagram" aria-hidden="true"></i>
    <p>instagram</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-linkedin" aria-hidden="true"></i>
    <p>linkedin</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-location" aria-hidden="true"></i>
    <p>location</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-lock" aria-hidden="true"></i>
    <p>lock</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-long-arrow-right" aria-hidden="true"></i>
    <p>long-arrow-right</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-means-matters" aria-hidden="true"></i>
    <p>means-matters</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-minus" aria-hidden="true"></i>
    <p>minus</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-plus" aria-hidden="true"></i>
    <p>plus</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-play" aria-hidden="true"></i>
    <p>play</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-quote" aria-hidden="true"></i>
    <p>quote</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-rotate-phone" aria-hidden="true"></i>
    <p>rotate-phone</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-search" aria-hidden="true"></i>
    <p>search</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-selector" aria-hidden="true"></i>
    <p>selector</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-settings" aria-hidden="true"></i>
    <p>settings</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-show" aria-hidden="true"></i>
    <p>show</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-star" aria-hidden="true"></i>
    <p>star</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-twitter" aria-hidden="true"></i>
    <p>twitter</p>
  </div>
  <div class="sb:icon">
    <i class="pl-icon icon-youtube" aria-hidden="true"></i>
    <p>youtube</p>
  </div>
  <div class="sb:icon-filler"></div>
  <div class="sb:icon-filler"></div>
  <div class="sb:icon-filler"></div>
  <div class="sb:icon-filler"></div>
  <div class="sb:icon-filler"></div>
</div>