Animate any SVG image in Power Apps

I will show you how you can animate any SVG image/icon in Power Apps using code. In this tutorial, we make a hamburger icon animate to to a close icon and back.

00:00 - Demo
00:16 - Intro
00:49 - Getting the icon
01:45 - Formatting the SVG icon
02:14 - Writing out the animation code
06:17 - Toggling the animation
07:19 - Fixing it to animate every time
08:50 - Stopping the animation from showing on start

#PowerApps #PowerPlatform #PowerAddicts #CanvasApps

[andrewgaskell]

I combined your animated hamburger menu solution with a custom vertical menu component that I am building using a container. It works really well. I will continue to refine the solution but it's touches like these that make your app stand out. Thanks so much for the video and the detailed walkthrough.

[Stjopa-lqcv]

Fantastic Charles! Beautiful code here!

[gedeancarvalho]

Hi, what a fantastic job.
I'm talking about Brazil and I was very lucky to find your video, it's really good.
I will implement it in my apps and would love to see your next videos.
I already visited your blog and I really liked it too.

[vinylmike]

Amazing work! I look forward to seeing more content for Power Apps.

Thank you! Nice and detailed explanation. Tip: I usually use the With function and template strings for this sort of thing, to reduce repetition and clarity.

[noraf]

keep coming on powerapps, appreciate your work

[atmajasanjashikha]

Please make more of such helpful videos.

[tomasveselsky]

Okay I'm gonna subscribe, this channel has a lot of potential form which I can learn form. THANK YOU!

[skawathe]

This is very cool animation. Thanks for this video. I would like to see more such videos on SVG in Power Apps from you.

[rajeshjurukuntla]

Great video cool stuf want more full length tutorials thank you

[AndreasMake]

Great video Charles. Very helpful tutorial. 👌👍

[kumailnaqvi]

Oh man that's a great video and the best practice to do in power apps, I am still trying to learn these SVG things but am unable to find the proper materials on SVG usage for power apps

[abbassalith]

Could please make a complete video of this application which includes the creation of left navigation component.

[gvdlaarse]

Charles! Keep them coming! Would be cool to animate the left bar by NOT using a timer.

[barbarajeen]

This is amazing, I can’t wait to use this at work 🤓

[davidabew-baidoo]

This is amazing thank you for this video!!💥

[dr.mohammedmohammed]

I already subscribed, waiting next episode

[shahzebyasin]

Great stuff Charles...Looking forward to more videos from you :)

[MaartenBoonen]

Wow Charles, this is an amazing little touch to make an app look incredibly sexy. Thanks for sharing.

[torukmaktogaming]

This is a amazing video charles can u post more related to this its very helpful 😜