FontAwesome React API Reference
    Preparing search index...

    Interface AnimationProps

    interface AnimationProps {
        beat?: boolean;
        beatFade?: boolean;
        bounce?: boolean;
        buzz?: boolean;
        fade?: boolean;
        flip360?: boolean;
        float?: boolean;
        jello?: boolean;
        pulse?: boolean;
        shake?: boolean;
        spin?: boolean;
        spinPulse?: boolean;
        spinReverse?: boolean;
        spinSnap?: boolean;
        spinSnap4?: boolean;
        spinSnap8?: boolean;
        swing?: boolean;
        wag?: boolean;
    }

    Hierarchy (View Summary)

    Index
    beat? beatFade? bounce? buzz? fade? flip360? float? jello? pulse? shake? spin? spinPulse? spinReverse? spinSnap? spinSnap4? spinSnap8? swing? wag?
    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

    buzz?: boolean

    Makes the icon buzz.

    7.3.0

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

    fade?: boolean

    Makes the icon fade in and out continuously.

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

    flip360?: boolean

    Makes the icon flip 360deg.

    7.3.0

    https://docs.fontawesome.com/web/style/animate#flip-360

    float?: boolean

    Makes the icon float.

    7.3.0

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

    jello?: boolean

    Makes the icon jello.

    7.3.0

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

    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

    spinSnap?: boolean

    Makes the icon spin, snapping to each step.

    7.3.0

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

    spinSnap4?: boolean

    Makes the icon spin, snapping to 4 steps.

    7.3.0

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

    spinSnap8?: boolean

    Makes the icon spin, snapping to 8 steps.

    7.3.0

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

    swing?: boolean

    Makes the icon swing.

    7.3.0

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

    wag?: boolean

    Makes the icon wag.

    7.3.0

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

    Settings

    On This Page
    Properties