@pupilfirst/pf-icon

Collection of custom icons created by pupilfirst lms

Demo

icons.pupilfirst.com

Installation

npm install @pupilfirst/pf-icon

Then add @pupilfirst/pf-icon to bs-dependencies in your bsconfig.json. A minimal example:

{
  "name": "your project",
  "sources": "src",
  "bs-dependencies": ["@pupilfirst/pf-icon"]
}

Example

<PfIcon className="if i-eye-solid" />

List of icons : icons.pupilfirst.com

Usage - Reason React

PfIcon component

Prop	Type	Description
className	string	Class name for the icon

Refer to icons.pupilfirst.com for full list of icons and and its usages

Usage - Non React

Import the pf-icon listener that converts the <i> tags to <svg>

import { addListener } from "@pupilfirst/pf-icon";

addListener();

You can add an icon easily by adding the pf-icon class on an <i> tag.

Example

<i class="if i-plus-circle-regular"></i>