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
-
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">
-
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
-
Initialization
You can place Feather icons just about anywhere using the
img
. See below example code. All the icons are located in theassets/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