react-icofont
    DefinitelyTyped icon, indicating that this package has TypeScript declarations provided by the separate @types/react-icofont package

    1.0.19 • Public • Published

    React wrapper for the icofont project from JoomShaper

    NPM

    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.

    prerequisite:

    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 icon="bell"/>
    

    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 :

    icon (Required):

    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.

    rotate (Optional):

    Currently rotate angles 90,180,270 values are supported. The rotate angle values are in degree.

    flip (Optional):

    horizontal or h and vertical or v. You can also do, flip="h v" or flip="horizontal vertical" for flipping both horizontally and vertically.

    size (Optional):

    Size can have value from 1 to 10. For example, setting size="2" will make the icon twice as big.

    spin (Optional):

    Spin can have boolean value like 1/0 or 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 style, onClick are supported. if you use className prop. The provided classes will be appended with the icofont classes.

    License:

    This project, like the icofont project, is released under the MIT License

    Keywords

    none

    Install

    npm i react-icofont

    DownloadsWeekly Downloads

    322

    Version

    1.0.19

    License

    MIT

    Unpacked Size

    7.92 MB

    Total Files

    15

    Last publish

    Collaborators

    • theanam