React wrapper for the icofont project from JoomShaper
A React wrapper for the icofont project https://icofont.com/. It renders a
<i> tag with icofont classes (like how you'd usually use it). No extra configuration required.
React and Webpack. Obviously.
How to use:
Install it with npm:
npm install --save react-icofont
Include in your component:
import Icofont from 'react-icofont';
Use it in JSX:
Icofont supports Rotate, flip and size classes. In this component you can pass those values with props:
<Icofont icon="key" rotate="270" flip="h" size="10"/>
Supported values for the props are given below :
Any valid icon name from the icofont website (https://icofont.com/icons).
Guess what, if you copy the class name that includes the prefix (
icofont-), it will also work fine.
Currently rotate angles
270 values are supported. The rotate angle values are in degree.
v. You can also do,
flip="h v" or
flip="horizontal vertical" for flipping both horizontally and vertically.
Size can have value from
10. For example, setting
size="2" will make the icon twice as big.
Spin can have boolean value like
true/false or even
TRUE/FALSE. In the case of true value, the icon will spin endlessly. You can spin any icon:
<Icofont icon="spinner" size="3" spin="true"/>
You can read more about these here: https://icofont.com/examples
Standard Props Support:
All standard props like
onClick are supported. if you use
className prop. The provided classes will be appended with the