Icons

By default Taildash uses the svg icon from Bootstrap icons and for Brand logo we use icon from ionicons.

Why do we use the svg icon?

Actually, we have many reasons, for more details, please read the comparison article between svg vs font icon in here.

But don't worry, for you font icon users we still make fontawesome html comments on every svg icon.

                      
                        <svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" class="inline-block h-4 w-4 mr-2 bi bi-house-door" viewBox="0 0 16 16">
                          <path d="M8.354 1.146a.5.5 0 0 0-.708 0l-6 6A.5.5 0 0 0 1.5 7.5v7a.5.5 0 0 0 .5.5h4.5a.5.5 0 0 0 .5-.5v-4h2v4a.5.5 0 0 0 .5.5H14a.5.5 0 0 0 .5-.5v-7a.5.5 0 0 0-.146-.354L13 5.793V2.5a.5.5 0 0 0-.5-.5h-1a.5.5 0 0 0-.5.5v1.293L8.354 1.146zM2.5 14V7.707l5.5-5.5 5.5 5.5V14H10v-4a.5.5 0 0 0-.5-.5h-3a.5.5 0 0 0-.5.5v4H2.5z"/>
                        </svg><!-- <i class="fas fa-home"></i> -->
                      
                    

Recommendation Svg icon

Bootstrap Icons Ionicons

Recommendation Font icon

Fontawesome