Skip to page content and links

Work

MetaWin Wordmark Preloaders: Animated SVG

15 animated SVG preloaders for the MetaWin wordmark, built in Expressive Animator: self-contained SMIL files that play with no runtime.

Client: MetaWin

MetaWin / Wordmark preloaders / 2026

The wordmark, loading.

My role: Motion design

Delivered: 15 animated SVG preloaders for the MetaWin wordmark in six styles (glitch, left light streak, shimmer sweep, tracing underline, horizontal glow sweep and underline light sweep), on a black banner and with a transparent ground

Tools: Expressive Animator, Adobe Illustrator, SVG (SMIL)

The brief

MetaWin needed loaders built around its wordmark: light files the site can show while a minigame loads.

The build

I built them in Expressive Animator and exported them as self-contained animated SVGs (SMIL), so they play in any browser with no runtime or script. Each style came as a version on a black banner and, for most, a transparent one for placing over the site.

The delivered experience

The video shows all 15 files playing at once on black tiles, and the SVG files on this page are the delivered preloaders.

Client feedback

"Working with Ilya is an excellent experience. Fast, reliable and high quality deliverables, always."

Christopher Sokolov, MetaWin

Project media

MetaWin preloaders: all files at once

All 15 delivered SVG preloaders playing together on black tiles, rendered frame by frame from the SVG files on this page.

Glitch (transparent, v1)

Glitch (transparent, v1)

Animated SVG (SMIL), exported 2026-04-15.

Glitch (black background, v1)

Glitch (black background, v1)

Animated SVG (SMIL), exported 2026-04-15.

Left light streak (black background, v3)

Left light streak (black background, v3)

Animated SVG (SMIL), exported 2026-04-15.

Shimmer sweep (black background, v2.1)

Shimmer sweep (black background, v2.1)

Animated SVG (SMIL), exported 2026-04-15.

Tracing underline (black background, v4.1)

Tracing underline (black background, v4.1)

Animated SVG (SMIL), exported 2026-04-15.

Tracing underline (black background, v4)

Tracing underline (black background, v4)

Animated SVG (SMIL), exported 2026-04-15.

Horizontal glow sweep (transparent, v4.2.2)

Horizontal glow sweep (transparent, v4.2.2)

Animated SVG (SMIL), exported 2026-04-19.

Horizontal glow sweep (black background, v4.2.2)

Horizontal glow sweep (black background, v4.2.2)

Animated SVG (SMIL), exported 2026-04-19.

Shimmer sweep (transparent, v2.2)

Shimmer sweep (transparent, v2.2)

Animated SVG (SMIL), exported 2026-04-19.

Tracing underline (transparent, v4.1.1)

Tracing underline (transparent, v4.1.1)

Animated SVG (SMIL), exported 2026-04-19.

Tracing underline (black background, v4.1.1)

Tracing underline (black background, v4.1.1)

Animated SVG (SMIL), exported 2026-04-19.

Underline light sweep (transparent, v4.1)

Underline light sweep (transparent, v4.1)

Animated SVG (SMIL), exported 2026-04-19.

Underline light sweep (black background, v4.1)

Underline light sweep (black background, v4.1)

Animated SVG (SMIL), exported 2026-04-19.

Underline light sweep (transparent, v4.1.2)

Underline light sweep (transparent, v4.1.2)

Animated SVG (SMIL), exported 2026-04-23.

Underline light sweep (transparent, v4.1.3)

Underline light sweep (transparent, v4.1.3)

Animated SVG (SMIL), exported 2026-04-23.

Have a project in mind?

Explore motion design and interactive animation services, or get in touch about your project.