rajibchandrakarmaker / react-nicon

A package for your React components in order to use icon fonts. It's easy to use, You can use it in your React based project.

React component for the nicon

A React component for the icofont project https://icofont.com/ (made by https://www.joomshaper.com/). It renders a <i> tag with icofont classes.

prerequisite:

Ensure you have React and Webpack installed

Examples:

https://icofont.com/examples

How to use:

Install it with npm:

npm install react-nicon

Include in your component:

import Icon from 'react-nicon';

Use it in JSX:

<Icon icon="apple"/>

nicon supports size, Rotate, and flip option. Pass values with props:

<Icon icon="apple" rotate="180" flip="v" size="5"/>

Supported values for the props:

icon (Required):

Any valid icon name from the icofont website (https://icofont.com/icons).

size (Optional):

Size can have value from 1 to 10.

rotate (Optional):

90,180,270rotate angles values are supported.

flip (Optional):

Filp icon using - horizontal or h and vertical or v.

Standard Props Support:

All standard props like style, onClick are supported.

License:

Released under the MIT License