Animated adjustment icons
48 icons with motion
Every adjustment 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.
AdjustmentPulse
AdjustmentPop in
AdjustmentSwing
AdjustmentPop in
AdjustmentFloat
AdjustmentBounce
AdjustmentBounce
AdjustmentWiggle
AdjustmentPop in
AdjustmentHeartbeat
AdjustmentWiggle
AdjustmentSwing
AdjustmentWiggle
AdjustmentSwing
AdjustmentSwing
AdjustmentPop in
AdjustmentBounce
AdjustmentFloat
AdjustmentWiggle
AdjustmentWiggle
AdjustmentPop in
AdjustmentFloat
AdjustmentShake
AdjustmentPulse
AdjustmentHeartbeat
AdjustmentBounce
AdjustmentPulse
AdjustmentShake
AdjustmentPop in
AdjustmentSwing
AdjustmentSwing
AdjustmentPop in
AdjustmentPop in
AdjustmentSwing
AdjustmentPulse
AdjustmentPop in
AdjustmentHeartbeat
AdjustmentSwing
AdjustmentPop in
AdjustmentHeartbeat
AdjustmentShake
AdjustmentBounce
AdjustmentPulse
AdjustmentSwing
AdjustmentHeartbeat
AdjustmentHeartbeat
AdjustmentPulse
AdjustmentBounce
Animated adjustment icon formats
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 and WebP
Pixel files for slides, chats, email and social posts. GIF opens everywhere; animated WebP is smaller with smooth alpha.
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 →
Animated adjustment icons FAQ
Still unsure? Read the license or write to us.
Yes. Previews and animated SVG downloads are free; GIF, WebP and Lottie files follow the site's download settings and may ask you to sign in.
Animated SVG, GIF, animated WebP and Lottie JSON. Open the icon in the animator for MP4, dotLottie and Telegram sticker files.
Add it like any image: <img src="icon.svg">. 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.
Yes. Open the icon in the animator to change the motion, speed, intensity and which parts move, then download it from there.