open-index/open-npm huggingface dataset:
npm package: @ajithasam/ifs-icons
Description: This package includes icon font files and related css files for granite icons. Currently two types of icon fonts are supported.
Latest version: 0.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

```scss
// 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

```html
<!-- 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`

```html
<!-- 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](https://sb-designifs.azureedge.net/?path=/story/icon--all-icons).