The icon fades up and turns at a steady, unbroken rate. The plain loading turn every interface already speaks.
Icon Animations
Liquid Fill
- liquid
- fill
- loading
Loading editor
Liquid Fill Icon Animation – Rising Water Level Loader
About Liquid Fill
A wavering surface climbs inside the outline, rocking as it rises, so the icon fills like a glass rather than a bar.
Part of Icon Animations. New to this kind of graphic? Read How to Add Animated Icons to a Video.
- Category
- Icon Animations
- Length
- 3 seconds, up to 15 seconds
- Playback
- Plays once
- Controls
- 10 editable
- Format
- MP4 · WebM · PNG sequence
- Alpha
- WebM or PNG sequence
- Resolution
- 720p to 8K
- Aspect
- 16:9 · 9:16 · 1:1 · 4:5
- License
- Commercial use included
Frequently asked
What is the Liquid Fill animation?
A wavering surface climbs inside the outline, rocking as it rises, so the icon fills like a glass rather than a bar. It belongs to the Icon Animations category on velements, where you edit it in the browser and download it as a finished video file.
What can you customize in Liquid Fill?
Every control in the editor, grouped the same way there. Content: icon. Style: background, icon color, stroke width and accent. Layout: aspect ratio, icon size and position. Motion: duration and easing. Each change appears in the live preview straight away, and editing is free.
How long is Liquid Fill?
Liquid Fill runs 3 seconds by default, and you can set any length up to 15 seconds before you export. It plays once from start to finish, so it drops straight onto a cut or an opening.
Can you download Liquid Fill with a transparent background?
Yes. Set the background to Transparent, then export a PNG sequence for Premiere Pro, After Effects, DaVinci Resolve, Final Cut Pro or Figma: import the first frame as an image sequence and it drops onto a track above your footage with a straight alpha channel. Export WebM with a VP9 alpha channel for the web and for CapCut. MP4 has no alpha channel, so it keeps a solid color or image behind the animation.
Can you use Liquid Fill in commercial projects?
Yes. Each download comes with a perpetual commercial license in your name for client work, ads and products, and you may sell the edited clip on stock footage sites. Reselling the preset itself as an editable template is not allowed.
Related animations
Fill Wipe
1.5sColour floods up through the outline from the bottom edge until the icon reads solid. The moment a thing gets switched on.
Radial Fill
1.5sColour blooms out of the centre of the icon and pushes to the edges, filling the shape from the inside out.
A translucent rope of water rises from a rippling pool, coils and whips through the air in a figure-eight with broken specular glints, flickering caustics and white water on its bends, shedding droplets and mist.
Every piece of the icon flies in from its own direction, spinning as it comes, and locks into place with a springy stop.
A bold badge bursts open with a shockwave ring and the icon pops on top. Great for success states.
A tight, fast rattle that dies away almost as soon as it starts. The short negative buzz of a blocked action.
Flip X
2sThe icon tips forward over its horizontal axis, squashing flat through the turn before landing face on again.