'init(systemName:)' is unavailable in macOS

Question

I would like to use SF Symbols in my macOS project. How to implement one?

Button(action: {}) {
  Image(systemName: "star") //Error: 'init(systemName:)' is unavailable in macOS            
}

Possible duplicate of [Is there a way to use San Francisco symbols on macOS SwiftUI development?](https://stackoverflow.com/questions/58078330/is-there-a-way-to-use-san-francisco-symbols-on-macos-swiftui-development) — LuLuGaGa, Sep 30 '19 at 17:40
I updated my question adding my solution to this issue. Perhaps you have comments. — Victor Kushnerov, Sep 30 '19 at 18:27
So maybe just post your answer under the question mentioned above, since this one is a duplicate. — LuLuGaGa, Sep 30 '19 at 20:55
I post my solution as an answer to this question or is it wrong? — Victor Kushnerov, Sep 30 '19 at 21:05
I think this question is a duplicate and should be deleted, but your answer might help someone so maybe it is better to post it under the question which was asked first — LuLuGaGa, Sep 30 '19 at 21:08
I can delete this question and I marked it as duplicate "You cannot delete this question as others have invested time and effort into answering it. For more information, visit the help center." — Victor Kushnerov, Sep 30 '19 at 21:17
@LuLuGaGa I got it, `SF Symbols` app must be installed on macOS to show symbols — Victor Kushnerov, Oct 08 '19 at 11:19

score 6 · Answer 1 · answered Sep 03 '20 at 15:43

It is nativly supporting from the 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 markdown of the StackOverflow

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

score 3 · Answer 2 · answered Sep 30 '19 at 17:27

3

Apple's Human Interface Guidelines state:

You can use SF Symbols in apps running in iOS 13 and later, watchOS 6 and later, and tvOS 13 and later.

No Mac support at this time. ☹️

answered Sep 30 '19 at 17:27

John M.

8,892
4
31
42

I updated my question adding my solution to this issue. Perhaps you have comments. – Victor Kushnerov Sep 30 '19 at 18:28
I suppose that works if you only have a few icons. Not sure if it would render on a machine that doesn't have SF Symbols installed, and no idea about the licensing ramifications. – John M. Sep 30 '19 at 18:43

Victor Kushnerov · Answer 3 · 2019-10-31T13:46:37.630

-1

Before using this code you should install SF Symbols app

I make Image for macOS like below

that's how it looks on macOS

edited Oct 31 '19 at 13:46

answered Sep 30 '19 at 19:27

Victor Kushnerov

3,706
27
56

2

This will not work in computers that don't have the SF Symbols font installed. – Nick Keets Oct 31 '19 at 13:25
Install SF Symbols for Mac from [here](https://developer.apple.com/design/downloads/SF-Symbols.dmg) – Victor Kushnerov Oct 31 '19 at 13:44
2

Sure, what about the users of your app though? Are you going to tell all of them to do that? Is that even going to pass app review at the App Store? – Nick Keets Nov 01 '19 at 07:06
1

If you don't want to force users to install sf symbols app I can offer such a way to implement used icons like pdf icons by [this app](https://github.com/davedelong/sfsymbols). A question of approving in App Store you can ask on Apple forum and notify me, I will add theirs answer. – Victor Kushnerov Nov 01 '19 at 07:22
Sample code how to use sf symbols pdf icons [here](https://github.com/filimo/ReaderTranslator/blob/master/ReaderTranslator/Extentions/Image.swift) – Victor Kushnerov Nov 01 '19 at 07:30

'init(systemName:)' is unavailable in macOS

3 Answers3

Linked