Animated SF Symbols | SwiftUI Tutorial | iOS 17 | Xcode 15

Unlock the power of Apple's SF Symbols with this comprehensive tutorial! In this video, I'll walk you through one of Apple's most exciting features – SF Symbols. We'll guide you step-by-step on how to animate SF Symbols with SwiftUI, building on the updates Apple has introduced over the years.

I'll show you the various animation modes Apple introduced, such as symbolEffect, contentTransitions and the various animations like variable colour, pulse, replace, and bounce.

The real game-changer in 2023 is the ability to animate SF Symbols! This lets you bring your icons to life with simple animations, making your designs more. beautiful with just a single line of code. You'll learn how to utilize the symbolEffect modifier and apply the animation of your choice to your symbols.

Get access to the source code on my Patreon, and stay up-to-date with my latest projects and tutorials by subscribing to my newsletter.

🎗️ Patreon:   / mazenkourouche  
🗞️ Newsletter: https://mazenkourouche.com

📱Socials:
Twitter:   / mazenkourouche  
Instagram:   / mazenkourouche  
LinkedIn:   / mazenkourouche  

⏱️ Timestamps:

00:00 - Intro
00:57 - Project setup
01:07 - Building the UI
02:40 - Animating SF Symbols
04:42 - Symbol replace transition
05:11 - SF Symbols app
06:35 - Wrapping up