Swift: How to use SF Symbols

Oct 6, 2021

Learn how to use SF Symbols in Swift, the Apple app that lets you browse over 1500 icons and find the name to pass to a Label via systemImage.

~~~

When designing a TabView you have the option to add an icon for each tab using a system image, using the systemImage parameter to Label:

TabView {
    Text("First")
        .tabItem {
            Label("First", systemImage: "tray")
        }
}

In this case we use tray.

How do you find out which other icons you can use?

Apple created an app for this, called SF Symbols. Download it from https://developer.apple.com/design/downloads/SF-Symbols.dmg, install it on your Mac and once you open it, you can browse over 1500 symbols and see their name:

SF Symbols app interface showing categories sidebar and grid of symbols with names like square.and.arrow.up

~~~