SFSymbol Icon Template (iOS 15)

SFSymbol Icon Template produces an icon, which can be used for:

• iOS Action Extension (iOS 15 only);
• Quick Action Shortcut;
• TabBar.

While any custom SF Symbol is supported by iOS 15, this template contains special "Guides", which draw a pixel perfect 32pt icon.

Template

• Sketch File: https://github.com/xapp/SFSymbol-Icon-Template/blob/main/Sketch/SFSymbol-Icon.sketch
• Sketch Workspace Link: https://www.sketch.com/s/0806fd05-6f85-4ade-bb4a-d4171dbf6893
• SVG: https://github.com/xapp/SFSymbol-Icon-Template/blob/main/SVG/symbol.icon.svg

How to use Template:

1. Open template in Sketch;
2. Replace "Icon" with your icon;
3. Export icon in SVG format.

How to add icon to Xcode:

1. In Xcode, select Assets file;
2. Press "+" > "Symbol Image Set";
3. Add exported icon.

Setup: iOS Action Extension

Add properties to Info.plist of Action Extension.

File link: https://github.com/xapp/SFSymbol-Icon-Template/blob/main/InfoPlist/ActionExtension_Info.plist

Setup: Quick Action Shortcut

a) Dynamically:

UIApplicationShortcutItem(type: "actionType",
                          localizedTitle: "Title",
                          localizedSubtitle: nil,
                          icon: UIApplicationShortcutIcon(templateImageName: "symbol.icon"),
                          userInfo: nil)

b) Statically, add properties to Info.plist, note: use "UIApplicationShortcutItemIconFile" key instead of "UIApplicationShortcutItemIconSymbolName"

File link: https://github.com/xapp/SFSymbol-Icon-Template/blob/main/InfoPlist/QuickAction_ShortcutItem_Info.plist

Setup: TabBar Icon

a) Set icon in Storyboard;

b) Set image property of tabBarItem:

UITabBarItem(title: "Dynamic",
             image: UIImage(imageLiteralResourceName: "symbol.icon"),
             selectedImage: UIImage(imageLiteralResourceName: "symbol.icon"))

Self Promo

Download X.app: https://apps.apple.com/app/apple-store/id1533525753?pt=119131575&ct=SFSymbol-Icon-Github-Sponsor&mt=8