0.0.3 • Published 3 years ago
@ajithasam/ifs-icons v0.0.3
granite-icons
This package includes icon font files and related css files for granite icons. Currently two types of icon fonts are supported.
- Ligature based
- Glype based
How to import
// For ligature based icons
@import '@ifsworld/granite-icons/assets/fonts/ligature/granite-iconfont-liga.css';
// For legacy glyph based icons
@import '@ifsworld/granite-icons/assets/fonts/glyph/granite-iconfont-glyph.css';
Genaral Usage
<!-- For ligature based icons -->
<div class="granite-icon">alert</div>
<!-- For legacy glyph based icons -->
<div class="granite-icon icon-phone"></div>
Usage with granite-icon
<!-- For ligature based icons -->
<granite-icon>alert</granite-icon>
<!-- For legacy glyph based icons -->
<granite-icon fontIcon="icon-phone"></granite-icon>
All Icons
For a list of all icons, refer the storybook static build.