Mascot collection / App icons and animation

Free animated mascot examples

Animated mascots work best when the character already reads as an icon. This collection mixes transparent animation examples with small-screen mascot directions for app icons, loading states, reward moments, and brand identity.

Transparent WebMApp iconsLoading statesRewards

Eight transparent animation examples

Loops and icon-ready characters for product surfaces.

These WebM examples are downloadable where marked. Use them to evaluate motion, transparency, and where an animated mascot could fit in your product.

Free WebM

Brand wave loop

A simple transparent loop suited to landing pages, headers, and brand moments.

Animated
For Brand identitySee animation flow
Free WebM

Mobile onboarding loop

A mobile-friendly animation direction for first-run screens and habit app onboarding.

Animated
For OnboardingSee animation flow
Free WebM

Notification nudge

A compact motion example for reminders, messages, and friendly attention cues.

Animated
For NotificationsSee animation flow
Free WebM

Quiet product loop

A calmer transparent loop for journaling, wellness, and reflective product screens.

Animated
For Wellness screensSee animation flow
Free WebM

Action pose loop

A stronger motion direction for games, creator apps, and high-energy brand moments.

Animated
For Game UISee animation flow
Free WebM

Direct motion loop

A transparent movement example for feature launches, empty states, and CTA support.

Animated
For Feature launchesSee animation flow
Free WebM

Pixel motion example

A retro-friendly motion sample for indie games, gamified apps, and compact UI.

Animated
For Game screensSee animation flow
Free WebM

Countdown mascot loop

A transparent loop that fits loading states, timers, streaks, and progress feedback.

Animated
For Loading statesSee animation flow

Need motion that matches your mascot?

Create a mascot, then animate the same character as a transparent asset.

Create your mascot