Icons

By default this theme uses font icons from Google font icons. We also use svg icon in some parts of the theme layout. Please visit the official Google font icons website to see all the icons collection https://fonts.google.com/icons.

Example

home person settings star leaderboard group notifications add close mail

Custom size

home home home 
              
                <!-- icons -->
                <span class="material-symbols-outlined">home</span>
                <span class="material-symbols-outlined">person</span>
                <span class="material-symbols-outlined">settings</span>
                <span class="material-symbols-outlined">star</span>
                <span class="material-symbols-outlined">leaderboard</span>
                <span class="material-symbols-outlined">group</span>
                <span class="material-symbols-outlined">notifications</span>
                <span class="material-symbols-outlined">add</span>
                <span class="material-symbols-outlined">close</span>
                <span class="material-symbols-outlined">mail</span>

                <!-- custom size -->
                <span class="material-symbols-outlined !text-[80px]">home</span>
                <span class="material-symbols-outlined !text-[60px]">home</span>
                <span class="material-symbols-outlined !text-[40px]">home</span>

If you need Google icons offline, please use following package https://www.npmjs.com/package/material-icons