Skip to content
Click to replay
Interaction
Click replay
Duration
2.00 s
Artboard
32 × 32 px
Lottie size
1.4 kB

Refresh

Replays once from the start on every click unless reduced motion is preferred. Free under the MIT license.

actionrefreshreloadsync
Download ZIPLottie JSONSVG

React

npm install react-useanimations
import UseAnimations from 'react-useanimations';
import refresh from 'react-useanimations/lib/refresh';

<UseAnimations animation={refresh} size={32} />

shadcn/ui

npx shadcn@latest add https://useanimations.com/r/refresh.json
import { AnimatedRefresh } from '@/components/animations/refresh';

<AnimatedRefresh size={24} />

Files

https://useanimations.com/icons/refresh.json  # Lottie JSON
https://useanimations.com/icons/refresh.zip   # Lottie JSON + static SVGs

The animation as Lottie JSON and a ZIP with it and the SVGs. See Files & icons.json.

Static SVG

refresh.svg

More in Action