How to use SF Symbols in iOS 12 and below?

ios human-interface sf-symbols
Julian Pomper picture Julian Pomper · Jun 4, 2019 · Viewed 35.4k times · Source

I am updating the icons in my app. After I heard Apple released an icon font named SF Symbols with iOS 13, I was wondering if I can only use them in iOS 13 or if it is possible to use them in lower versions of iOS too.

If I want to use them, do I have to implement a fallback for older versions?

Answer

funkenstrahlen picture funkenstrahlen · Jun 10, 2019

You can not use SFSymbols natively in iOS versions older than iOS 13 (see Apple's Human Interface Guidelines for SF Symbols).

However, if you are interested in using the graphics you can use the SFSymbols app to export SVG versions of the icon. Then use some graphics tool to convert them to PNG icons you can import into your asset catalog.

Screenshot how to export SVG from SFSymbols app on Mac.

Related questions

Difference between launch image and splash screen

I was going through iOS Human Interface Guidelines. It was mentioned as Display a launch image that closely resembles the first screen of the application. This practice decrease the perceived launch time of your application. Avoid displaying an About Window …

Read More
How can I develop for iPhone using a Windows development machine?

Is there any way to tinker with the iPhone SDK on a Windows machine? Are there plans for an iPhone SDK version for Windows? The only other way I can think of doing this is to run a Mac VM …

Read More
Xcode - How to fix 'NSUnknownKeyException', reason: … this class is not key value coding-compliant for the key X" error?

I'm trying to link a UILabel with an IBOutlet created in my class. My application is crashing with the following error. What does this mean? How can I fix it? *** Terminating app due to uncaught exception 'NSUnknownKeyException', reason: '[<…

Read More