Skip to content
Hover to loop
Interaction
Hover loop
Duration
2.00 s
Artboard
32 × 32 px
Lottie size
8.6 kB

Dribbble

Loops while hovered, finishes the current cycle after mouseleave and stays static when reduced motion is preferred. Free under the MIT license.

dribbblesocial media
Download ZIPLottie JSONSVG

React

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

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

shadcn/ui

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

<AnimatedDribbble size={24} />

Files

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

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

Static SVG

dribbble.svg

More in Social media