Icons

                  
<!-- fill -->
<div class="flex flex-wrap layhetgsjdcb gap-3">
  <i class="bi bi-house-fill"></i>
  <i class="bi bi-person-fill"></i>
  <i class="bi bi-cart-fill"></i>
  <i class="bi bi-bar-chart-fill"></i>
  <i class="bi bi-calendar-fill"></i>
  <i class="bi bi-camera-fill"></i>
  <i class="bi bi-chat-fill"></i>
  <i class="bi bi-bell-fill"></i>
  <i class="bi bi-sun-fill"></i>
  <i class="bi bi-telephone-fill"></i>
  <i class="bi bi-layers-fill"></i>
  <i class="bi bi-envelope-fill"></i>
  <i class="bi bi-exclamation-triangle-fill"></i>
  <i class="bi bi-file-text-fill"></i>
  <i class="bi bi-flag-fill"></i>
  <i class="bi bi-funnel-fill"></i>
  <i class="bi bi-gear-fill"></i>
  <i class="bi bi-geo-alt-fill"></i>
  <i class="bi bi-mic-fill"></i>
  <i class="bi bi-pie-chart-fill"></i>
</div>

<!-- outlined -->
<div class="flex flex-wrap layhetgsjdcb gap-3">
  <i class="bi bi-house"></i>
  <i class="bi bi-person"></i>
  <i class="bi bi-cart"></i>
  <i class="bi bi-bar-chart"></i>
  <i class="bi bi-calendar"></i>
  <i class="bi bi-camera"></i>
  <i class="bi bi-chat"></i>
  <i class="bi bi-bell"></i>
  <i class="bi bi-sun"></i>
  <i class="bi bi-telephone"></i>
  <i class="bi bi-layers"></i>
  <i class="bi bi-envelope"></i>
  <i class="bi bi-exclamation-triangle"></i>
  <i class="bi bi-file-text"></i>
  <i class="bi bi-flag"></i>
  <i class="bi bi-funnel"></i>
  <i class="bi bi-gear"></i>
  <i class="bi bi-geo-alt"></i>
  <i class="bi bi-mic"></i>
  <i class="bi bi-pie-chart"></i>
</div>

<!-- brand -->
<div class="flex flex-wrap layhetgsjdcb gap-3">
  <i class="bi bi-facebook"></i>
  <i class="bi bi-google"></i>
  <i class="bi bi-youtube"></i>
  <i class="bi bi-linkedin"></i>
  <i class="bi bi-instagram"></i>
  <i class="bi bi-tiktok"></i>
  <i class="bi bi-twitter-x"></i>
  <i class="bi bi-pinterest"></i>
  <i class="bi bi-bing"></i>
  <i class="bi bi-microsoft"></i>
  <i class="bi bi-apple"></i>
  <i class="bi bi-whatsapp"></i>
  <i class="bi bi-telegram"></i>
  <i class="bi bi-github"></i>
  <i class="bi bi-amazon"></i>
  <i class="bi bi-behance"></i>
  <i class="bi bi-discord"></i>
  <i class="bi bi-dribbble"></i>
  <i class="bi bi-threads"></i>
  <i class="bi bi-wechat"></i>
</div>

<!-- size -->
<div class="flex flex-wrap layhetgsjdcb gap-3">
  <i class="bi bi-house-fill"></i>
  <i class="bi bi-house-fill text-3xl"></i>
  <i class="bi bi-house-fill text-6xl"></i>
</div>