How to use multiple colors in an SF Symbol?
Asked on 07/31/2024
1 search
To use multiple colors in an SF Symbol, you can take advantage of the variable color feature introduced in SF Symbols 6. This feature allows you to show different levels of strength and relies on color to communicate the state of a symbol changing over time. The design of a symbol influences how the animation looks when variable color is repeating. For symbols with a closed loop design, the animation can repeat smoothly.
For more detailed information on how to implement this, you can refer to the session What’s new in SF Symbols 6 at the 06:19 mark.
Relevant Sessions
What’s new in UIKit
Explore everything new in UIKit, including tab and document launch experiences, transitions, and text and input changes. We’ll also discuss better-than-ever interoperability between UIKit and SwiftUI animations and gestures, as well as general improvements throughout UIKit.
What’s new in SwiftUI
Learn how you can use SwiftUI to build great apps for any Apple platform. Explore a fresh new look and feel for tabs and documents on iPadOS. Improve your window management with new windowing APIs, and gain more control over immersive spaces and volumes in your visionOS apps. We’ll also take you through other exciting refinements that help you make expressive charts, customize and layout text, and so much more.
Build multilingual-ready apps
Ensure your app works properly and effectively for multilingual users. Learn best practices for text input, display, search, and formatting. Get details on typing in multiple languages without switching between keyboards. And find out how the latest advances in the String Catalog can make localization even easier.