Which formats can I download?

Animated SVG, GIF, animated WebP and Lottie JSON. Open the icon in the animator for MP4, dotLottie and Telegram sticker files.

How do I use an animated SVG on a website?

Add it like any image: . The motion is CSS inside the file, so it plays with no script. Inline the SVG when you want it to follow the text color.

Can I change the speed or the motion?

Yes. Open the icon in the animator to change the motion, speed, intensity and which parts move, then download it from there.

Animated data synchronization icons

48 icons with motion

Every data synchronization icon below is playing a motion from the icon animator. Switch the motion for the whole page, then download any icon as an animated SVG, GIF, WebP or Lottie file, or open it in the animator to fine-tune it.

Motion

Data SynchronizationHeartbeat
Data SynchronizationPulse
Data SynchronizationSwing
Data SynchronizationHeartbeat
Data SynchronizationHeartbeat
Data SynchronizationPop in
Data SynchronizationPulse
Data SynchronizationWiggle
Data SynchronizationFloat
Data SynchronizationPulse
Data SynchronizationPop in
Data SynchronizationWiggle
Data SynchronizationBounce
Data SynchronizationBounce
Data SynchronizationShake
Data SynchronizationSwing
Data SynchronizationWiggle
Data SynchronizationWiggle
Data SynchronizationWiggle
Data SynchronizationFloat
Data SynchronizationBounce
Data SynchronizationSwing
Data SynchronizationShake
Data SynchronizationBounce
Data SynchronizationBounce
Data SynchronizationShake
Data SynchronizationBounce
Data SynchronizationHeartbeat
Data SynchronizationPulse
Data SynchronizationWiggle
Data SynchronizationFloat
Data SynchronizationFloat
Data SynchronizationWiggle
Data SynchronizationPop in
Data SynchronizationShake
Data SynchronizationSwing
Data SynchronizationShake
Data SynchronizationBounce
Data SynchronizationBounce
Data SynchronizationFloat
Data SynchronizationPulse
Data SynchronizationBounce
Data SynchronizationShake
Data SynchronizationBounce
Data SynchronizationPop in
Data SynchronizationShake
Data SynchronizationBounce
Data SynchronizationFloat

All data synchronization icons (static)

SVG · GIF · Lottie

Animated data synchronization icon formats

SVG

Animated SVG

The icon with its motion as CSS inside the file. Works in every browser as an image or inline, stays sharp at any size and weighs a few kilobytes.

GIF

GIF and WebP

Pixel files for slides, chats, email and social posts. GIF opens everywhere; animated WebP is smaller with smooth alpha.

Lottie

Lottie JSON

For apps and sites using lottie-web, React Native or After Effects workflows. Vector, tiny and scriptable.

Motions: Pulse, Bounce, Wiggle, Float, Swing, Heartbeat, Pop in, Shake, Spin, Fade in, Slide in, Draw. Animate your own icon →