Icons

We have included font awesome fonts and Feather icons svg in Cavistar template. A complete list of icons along with the class names can be found here: Font awesome and Feather Icons

Font awesome

  1. Usage

    In order to use these icons on your page you will need to include the following css in the head section of your page.

    
    <link rel="stylesheet" href="assets/libs/font-awesome/css/fontawesome-all.min.css">
                                        
  2. Initialization

    You can place Font Awesome icons just about anywhere using the CSS Prefix fa and the icon's name. See below example code:

    
    <i class="fa fa-book"></i>
                                        

Feather Icons

  1. Initialization

    You can place Feather icons just about anywhere using the img. See below example code. All the icons are located in the assets/img/svg/ folder.

    
    <img class="feather" src="assets/img/svg/grid.svg" alt="...">
                                        
    Icons are injecting them directly into the DOM via the tag using the SVG Injector Plugin