SwiftUI macOS use SF Symbols 2

724 Views Asked by At

I have installed SF Symbols 2, I would like to use its icons without having to copy the symbol.

Is there any way to use it on macOS?

From what I understand it only works on iOS.

I tried to export icon as svg, but the whole example is exported, so the whole set of that icon.

Version:

macOS: 10.15.4
Xcode: 11.7
1

There are 1 best solutions below

3
On

If you wish to use sf symbols in the macOS, (including the colored version) You need to install macOS 11 beta or later, then it works as usual, otherwise you have to export a template and import it to the assets catalog, then you can use it as a normal image. So:

if #available(OSX 11.0, *) {
    Image(systemName: "trash.fill")
} else {
    Image("trash.fill") // Imported as a supporting format like PDF (not SVG)
}

Another way is to use the symbol directly in the text:

Text("") // The symbol itself can not be shown on the mark down of the StackOverflow

Demo

Remember that you should embed the font in your application or the destination should have the SF Symbols App installed