Timing

`delay`

This allows you to add a delay in milliseconds before starting the animation.

<ArrowRight delay={1000} />

// or with AnimateIcon
<AnimateIcon delay={1000}>
  <ArrowRight />
</AnimateIcon>

This allows the animation to be played in a loop.

Note: We recommend using loop when the final state of the animation is identical to the initial state.

<ArrowRight loop />

// or with AnimateIcon
<AnimateIcon loop>
  <ArrowRight />
</AnimateIcon>

This allows you to add a delay in milliseconds between animations when the animation plays in a loop.

<ArrowRight loop loopDelay={1000} />

// or with AnimateIcon
<AnimateIcon loop loopDelay={1000}>
  <ArrowRight />
</AnimateIcon>