Explore SF Symbols 3

A heart and start symbol, and a lowercase “a” displayed on an app icon inside of a speech bubble.

Explore the latest updates to SF Symbols, Apple’s iconography library. SF Symbols 3 features over 600 new symbols, enhanced color customization, a new inspector, and improved support for custom symbols. It’s never been easier to create beautiful symbols that integrate easily with San Francisco — the system font for Apple platforms — and support accessibility features like Dynamic Type, Bold Text, and VoiceOver.

What’s new in SF Symbols

Discover the latest additions to the SF Symbols library, localization enhancements, and how you can more easily customize the color of a symbol to integrate it within your app’s own color palette. We’ll also show you how you can design and annotate custom symbols to support Monochrome, Hierarchical, Palette, and Multicolor rendering modes.

  • WWDC21

What’s new in SF Symbols

Explore the latest updates to SF Symbols, Apple’s iconography library. Designed to integrate seamlessly with San Francisco — the system font for Apple platforms — SF Symbols can help you create beautiful and consistent iconography for your app while supporting accessibility features like...

Explore the SF Symbols 3 app

Tour the SF Symbols app — our interactive library for iconography. Learn how you can use the library to design accessible and inclusive apps that look incredible: We’ll take you through changes to the app and symbols search, explore previewing and custom symbol management, and help you integrate symbols into your interface designs.

  • WWDC21

Explore the SF Symbols 3 app

Tour the latest updates to the SF Symbols app — our interactive library for iconography. Learn how you can use the library to design accessible and inclusive apps that look incredible: We’ll take you through changes to the app and symbols search, explore previewing and custom symbol management,...

Create custom symbols

Can’t find exactly what you’re looking for among the 3,100 symbols included in the SF Symbols library? No problem. Discover how you can create custom iconography with the latest rendering modes in SF Symbols 3. We’ll help you learn how to draw, edit, and annotate symbols, as well as explore more advanced techniques to improve the design process.

  • WWDC21

Create custom symbols

Discover how you can create custom iconography with the latest rendering modes in SF Symbols 3. We’ll help you learn how to draw, edit, and annotate symbols, as well as explore more advanced techniques to improve the design process. For a primer on working with custom symbol templates, we...

SF Symbols in SwiftUI, UIKit, and AppKit

Ready to integrate SF Symbols or custom symbols into your SwiftUI, UIKit or AppKit app or game? Learn key techniques for presenting symbols, controlling their color and size, and displaying different variants.

  • WWDC21

SF Symbols in SwiftUI

Discover how you can incorporate SF Symbols into your SwiftUI app. We’ll explore basic techniques for presenting symbols, customizing their size, and showing different variants. We’ll also take you through the latest updates to symbol colorization and help you pick the right tool for your...

  • WWDC21

SF Symbols in UIKit and AppKit

Learn how you can create colorized symbols with SF Symbols 3 and customize them to match the visual design of your app’s interface. We’ll take you through the latest UIKit and AppKit APIs for integrating colorized symbols, as well as best practices for implementation. To get the most out of...

Resources

Download SF Symbols

Learn more about SF Symbols