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.

Example icons

                      
                      <i class="bi bi-house"></i>
                      <i class="bi bi-envelope"></i>
                      <i class="bi bi-bell"></i>
                      <i class="bi bi-cart"></i>
                      <i class="bi bi-calendar"></i>
                      <i class="bi bi-chat"></i>
                      <i class="bi bi-list"></i>
                      <i class="bi bi-x-lg"></i>
                      <i class="bi bi-layers"></i>

                      <i class="bi bi-house text-2xl"></i>
                      <i class="bi bi-house text-4xl"></i>
                      <i class="bi bi-house text-6xl"></i>
                      
                    

The default theme uses the bootstrap CDN icon, if you want to use local icons, please change the following code:

                      
<!-- cdn icons -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
                      
                    
                      
<!-- local icons -->
<link rel="stylesheet" id="icons" href="../vendors/bootstrap-icons/font/bootstrap-icons.min.css">
                      
                    

Don't worry, for those of you who like fontawesome or other icons, it's quite easy to change icons. Here are other icon options that you can use.

Recommendation Font icon

Fontawesome Material icons

Recommendation Svg icon

Hero icons Ionicons