FontAwesome React API Reference
    Preparing search index...

    Interface AnimationProps

    interface AnimationProps {
        beat?: boolean;
        beatFade?: boolean;
        bounce?: boolean;
        fade?: boolean;
        pulse?: boolean;
        shake?: boolean;
        spin?: boolean;
        spinPulse?: boolean;
        spinReverse?: boolean;
    }

    Hierarchy (View Summary)

    Index

    Properties

    beat? beatFade? bounce? fade? pulse? shake? spin? spinPulse? spinReverse?

    Properties

    beat?: boolean

    Makes the icon scale in and out continuously.

    https://docs.fontawesome.com/web/style/animate#beat

    beatFade?: boolean

    Applies both scaling and fading animations from beat and fade.

    https://docs.fontawesome.com/web/style/animate#beat-fade

    bounce?: boolean

    Makes the icon bounce up and down.

    https://docs.fontawesome.com/web/style/animate#bounce

    fade?: boolean

    Makes the icon fade in and out continuously.

    https://docs.fontawesome.com/web/style/animate#fade

    pulse?: boolean

    Will be removed in a future version. Please use spinPulse instead.

    Makes the icon spin 360deg clockwise in 8 incremental steps.

    https://docs.fontawesome.com/web/style/animate#spin-utilities

    shake?: boolean

    Makes the icon shake.

    https://docs.fontawesome.com/web/style/animate#shake

    spin?: boolean

    Makes the icon spin 360deg clockwise continuously.

    https://docs.fontawesome.com/web/style/animate#spin

    spinPulse?: boolean

    Makes the icon spin 360deg clockwise in 8 incremental steps.

    https://docs.fontawesome.com/web/style/animate#spin

    spinReverse?: boolean

    When used in conjunction with spin or spinPulse, makes the icon spin in reverse.

    https://docs.fontawesome.com/web/style/animate#spin-utilities

    Settings

    On This Page

    Properties