SF Symbols usability on my app's website

Hi everyone,

If I’m using SF Symbols in my app, am I allowed to use those same symbols on my app’s website? So in other words, I've used SF Symbols in my app to indicate what certain things are. For example "person.fill" to indicate a contact of a person.

So now that I'm at a point where I'm developing a site for my app, I'm hoping to use those same symbols to indicate what they are for when the user uses the app.

Seems a little silly that I might not be able to use them on my app, but I can’t use them to indicate what they’re for on my site?

Thanks!

Up vote post of tylerlw82 Down vote post of tylerlw82
520 views
Posted by
tylerlw82
Reply
Add a Comment

Accepted Reply

Well, in that case I'd simply use a cropped screenshot of that area and explain what the symbol means. I wouldn't use the symbol itself, just a screenshot of it.

Posted by
darkpaw
Up vote reply of darkpaw Down vote reply of darkpaw
Post marked as solved
Add a Comment

Replies

My understanding of the rule:

  • if you use it to explain how to use your app (e.g., with screen shots), you can do it
  • but if you develop a general purpose website, you are not authorized to use them.
  • some SF symbols are reserved to reference an Apple functionality, you cannot use for other purpose (

There are some useful info here: https://developer.apple.com/design/human-interface-guidelines/sf-symbols#

and here: https://apple.stackexchange.com/questions/437711/sf-symbols-3-0-use-restrictions

or: https://developer.apple.com/forums/thread/724523

Note: don't forget to close your threads if you got the correct answer, by marking the correct answer as such.

Posted by
Claude31
Up vote reply of Claude31 Down vote reply of Claude31
Add a Comment

So I will have screenshots on one of my sites sections.

But then I’d also like to use the SF Symbols to indicate what those symbols are used for. So they’d be presented with an idea about how they’re used in the app.

thoughts here?

Posted by
tylerlw82
Up vote reply of tylerlw82 Down vote reply of tylerlw82
Add a Comment

Well, in that case I'd simply use a cropped screenshot of that area and explain what the symbol means. I wouldn't use the symbol itself, just a screenshot of it.

Posted by
darkpaw
Up vote reply of darkpaw Down vote reply of darkpaw
Post marked as solved
Add a Comment