NextIcon Documentation

Installation

Install NextIcon from npm using:

npm install nexticon --save

Getting Started

NextIcon uses the ni ni-{icon} syntax. Icons can be displayed using an <i> or <span> element:

<i class="ni ni-check"></i> <span class="ni ni-heart"></span>

Customization

Size

Icon sizes can be controlled using the font-size CSS property:

<!-- Default size -->
<i class="ni ni-star"></i>

<!-- Larger size -->
<i class="ni ni-star" style="font-size: 2em;"></i>

<!-- Even larger -->
<i class="ni ni-star" style="font-size: 3em;"></i>

Animation

Add the ni-snin class to create a continuous rotation animation:

<i class="ni ni-loading ni-snin"></i>

Available Icons

Here is the current list of available NextIcon icons. More icons are added periodically.

• ni-check
• ni-heart
• ni-star
• ni-loading
• ni-user
• ni-search
• ni-settings
• ni-menu
• ni-close
• ni-arrow-left
• ni-arrow-right
• ni-arrow-up
• ni-arrow-down

Contributing

To request new icons, please submit an issue in our issue tracker.

Usage Examples

Basic icon:

<i class="ni ni-check"></i>

Sized icon:

<i class="ni ni-star" style="font-size: 24px;"></i>

Sninning icon:

<i class="ni ni-loading ni-snin"></i>