@ussebastian/kitdigital/docs/components/buttons/btn-icon-showcase.html

Kit Digital de la Universidad San Sebastián

<section class="w-100">
  <div class="row mb-40 gap-8">
    <h5>Botones ícono L</h5>
    <div class="col-1">
      <a href="#" class="uss-btn uss-btn--icon">
        <i class="uss-icon ri-edit-line"></i>
      </a>
    </div>
    <div class="col-1">
      <a href="#" class="uss-btn uss-btn--icon ">
        <i class="uss-icon ri-file-copy-line"></i>
      </a>
    </div>
    <div class="col-1">
      <a href="#" class="uss-btn uss-btn--icon ">
        <i class="uss-icon ri-information-line"></i>
      </a>
    </div>
    <div class="col-1">
      <a href="#" class="uss-btn uss-btn--icon"">
        <i class="uss-icon ri-share-forward-line"></i>
      </a>
    </div>
  </div>
  <div class="row mb-40 gap-8">
    <h5>Botones ícono S</h5>
    <div class="col-1">
      <a href="#" class="uss-btn uss-btn--icon uss-btn--icon-sm">
        <i class="uss-icon uss-icon--sm ri-edit-line"></i>
      </a>
    </div>
    <div class="col-1">
      <a href="#" class="uss-btn uss-btn--icon uss-btn--icon-sm ">
        <i class="uss-icon uss-icon--sm  ri-file-copy-line "></i>
      </a>
    </div>
    <div class="col-1">
      <a href="#" class="uss-btn uss-btn--icon uss-btn--icon-sm ">
        <i class="uss-icon uss-icon--sm ri-information-line "></i>
      </a>
    </div>
    <div class="col-1">
      <a href="#" class="uss-btn uss-btn--icon uss-btn--icon-sm" >
        <i class="uss-icon uss-icon--sm ri-share-forward-line "></i>
      </a>
    </div>
  </div>
</section>