Dashpro | Tailwind Admin Template

Icons

By default this theme uses font icons from Bootstrap Icon. We also use svg icon in some parts of the theme layout. Please visit the official Bootstrap Icon website to see all the icons collection.

Bootstrap Iocns

                      
<!-- fill -->
<div class="flex 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 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 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 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>

Recommendation Svg icon

Bootstrap Icons Ionicons

Recommendation Font icon

Fontawesome