Adopt Variable Color in SF Symbols

WWDC Index does not host video files

If you have access to video files, you can configure a URL pattern to be used in a video player.

Use any of these variables in your URL pattern, the pattern is stored in your browsers' local storage.

$id
ID of session: wwdc2022-10158: $eventId
ID of event: wwdc2022: $eventContentId
ID of session without event part: 10158: $eventShortId
Shortened ID of event: wwdc22: $year
Year of session: 2022: $extension
Extension of original filename: mp4: $filenameAlmostEvery
Filename from "(Almost) Every..." gist: [2022] [Session 10158] Adopt Var...

WWDC22 • Session 10158

Design • iOS, macOS, tvOS, watchOS • 17:13

Explore how you can use Variable Color to make SF Symbols even more expressive. We’ll show you how system-provided symbols use variable color and provide best practices and guidance for using it effectively. We’ll also help you learn how to incorporate variable color into custom symbols using the SF Symbols app and its annotation tools.

Speaker: Paul Sim

Open in Apple Developer site

Downloads from Apple

HD Video (80.3 MB)
SD Video (33 MB)