Icon Set - Documentation | Front - Admin & Dashboard Template

How to use

Place this code, which contains everything you need, within the <head> of each template or page that you want to use Icon set on.

              
              <link rel="stylesheet" href="../assets/vendor/icon-set/style.css">

You need to know two icon name, prefixed with tio-

              
                <i class="tio-home"></i>

Examples

Check out all available icons here

Heads up! To match our class naming style, we use icons with a dash .tio-*, but not with an underscore .tio_* as on the official icon page. No worries, we made sure all the icons work as expected!

Preview
HTML

                    
                      <i class="tio-star-outlined tio-xl"></i>
                      <i class="tio-done tio-xl"></i>
                      <i class="tio-incognito tio-xl"></i>
                      <i class="tio-shopping-basket-outlined tio-xl"></i>
                      <i class="tio-new-release-outlined tio-xl"></i>
                      <i class="tio-notifications-on-outlined tio-xl"></i>

Sizes

Need larger or extra larger icons? Add .tio-lg or .tio-xl class.

Preview
HTML

                    
                      <i class="tio-star-outlined tio-lg"></i>
                      <i class="tio-star-outlined tio-xl"></i>