Icons

Download

npm install primeicons --save

Getting Started

PrimeIcons use the pi pi-{icon} syntax such as pi pi-check. A standalone icon can be displayed using an element such as i or span

<i class="pi pi-check"></i> <i class="pi pi-times"></i>

Size

Size of the icons can easily be changed using font-size property.

<i class="pi pi-check"></i> <i class="pi pi-check" style="font-size: 2rem"></i>

Spinning Animation

Special pi-spin class applies infinite rotate to an icon.

<i class="pi pi-spin pi-spinner" style="font-size: 2rem"></i>

List of Icons

Here is the current list of PrimeIcons, more icons will be added periodically. You may also request new icons at the issue tracker.