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.