User Presses
Tap or press to trigger a state change
Live Demo
See It In Action — Motion That Feels Native
Watch how these icons respond to user presses with smooth, intentional animation. Tap states, loading indicators, success confirmations — all running natively inside PowerApps.
No GIFs. No videos. No external libraries. Just SVG paths animated by Power Fx — lightweight, fast, and infinitely customizable.
Not Just Icons — A Motion Design System
Every animation is purpose-built for real app scenarios. Loading states that reduce perceived wait time. Success animations that confirm user actions. Press effects that make navigation feel premium.
Power Fx Fires
Variables update and animation triggers
Icons Animate
Smooth 60fps SVG animation plays
Why Animated SVGs Win
Your apps will look like they were built by a design agency
- 20+ professionally animated SVG icons included
- Pure Power Fx — zero external dependencies
- Smooth micro-interactions that delight users
- Lightweight — zero impact on app performance
- Press, tap, and state-driven animation triggers
- Works across every screen in your Canvas App
Key Features
Everything you need for animated, interactive PowerApps
Micro-Interactions
Icons respond to taps, presses, and state changes with smooth, intentional animations that feel alive
Loading & Success States
Built-in animated states for loading spinners, success checkmarks, and error indicators
Zero Performance Cost
SVG animations are GPU-accelerated and render at 60fps — your app stays butter-smooth
Drop-In Components
Each animated icon is a self-contained component — copy it into any Canvas App and it works immediately
Controllable Timing
Adjust animation speed, delay, and easing using simple Power Fx properties
What kind of animations are included?
The kit includes press-triggered animations, loading spinners, success/error state transitions, pulse effects, rotation animations, and smooth icon morphing — all built with Power Fx and SVG paths.
Are the animations smooth on mobile devices?
Yes. SVG animations are GPU-accelerated and run at 60fps on both desktop and mobile. They're significantly more performant than GIF or video-based animations.
Can I control when animations play?
Absolutely. Each animation is triggered by Power Fx variables — you control when it starts, stops, loops, or resets based on user interactions or app state.
Will animated icons increase my app's file size?
No. SVG animations are defined by mathematical paths, not pixel data. Each animated icon adds only a few kilobytes — compared to hundreds of KB for equivalent GIFs.
Can I customize the animation speed and style?
Yes. Animation duration, delay, and easing curves are all controlled via Power Fx properties. Slow down, speed up, or adjust the feel to match your brand.
Do I need Power Fx experience?
Basic Power Fx knowledge is helpful but not required. Every animation comes with pre-built formulas and the setup guide explains each property clearly.
Can I combine colour changing with animations?
Yes — both products are designed to work together seamlessly. You can have icons that animate AND change colour based on the active theme.
⚡ Get Notified at Launch
Be the first to know when Animated SVG Icons launches
Built by LowCodeDev · Premium product (not free)