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!

I'm trying to make a custom SF Symbol. I've made some new custom symbols successfully, combining existing SF Symbols, so I understand the process. But as soon as I use vector files from my previous work, I get the error, "The provided variants are not interpolatable." - even though it has shapes made with vector path. Template set up - Variable I use sketch to work on the template I have separate layers for Ultralight-S, Regular-S, Black-S File saved as SVG What is wrong with my template? Thanks!

The weather data from Weather Kit REST API doesn't contain SF Symbol name. Is there a way to get the SF Symbol name by "conditionCode"?

I have a strange issue with a custom SF Symbol in Xcode 15 beta 7. It works fine except if the font is body and the weight is regular: The top symbol is body, regular. The bottom is body, medium. All combinations except body, regular work. In the SF Symbols 5 app, the file validates and everything shows correctly. I wanted to attach the svg file, but I can't figure out how 😅 Is anyone aware of this issue? Or am I the issue?

Has anyone paid a graphics designer to produce custom SF Symbols for them? Would you care to share your experiences? I paid for some custom graphics a decade ago; the results were OK but not amazing. I forget how I found that guy. No doubt everything has changed since then.

When I try to import a custom SF Symbol exported for XCode 15 and try to import it in Xcode 15 beta (15A5160n), I got the error: The SVG file provided for the symbol image set 'rings.heart' is not suitable: Template format 5.0 is newer than the version that this software supports (4.0) Is Xcode 15 Beta not ready yet for Custom SF Symbols 5.0?

I'm currently experimenting with SFSymbol animations for iOS 17.0 I have a custom symbol that I like to animate with the Variable Color effect, and I want to set the colors in code. However, coloring the symbol in code doesn't work. What am I missing? Image("my-fancy-custom-symbol") .symbolRenderingMode(.multicolor) .foregroundStyle(.white, .yellow) .symbolEffect(.variableColor, options: .repeating)

Hey there! We use a lot of custom SFSymbols in our app. We found a bug in iOS 17 that images has wrong appearance. Sometimes there are shown only parts of their outline, some symbols are totally filled by system (blue) tint color, so they ignore the default color of resource and also ignoring .tintColor parameter. But when we use default Apple SF Symbols they work correctly. Everything works correctly in versions earlier iOS 17 so we want to know is it a bug or we do something wrong? Example of usage SF in our workspace: let image = UIImage(named: "*****_critical", in: Bundle.main, compatibleWith: nil)?.applyingSymbolConfiguration(UIImage.SymbolConfiguration.preferringMulticolor()) let imageView = UIImageView(image: image) imageView.contentMode = .scaleAspectFit imageView.tintColor = myColor Thanks.

Will symbol effects that we saw on wwdc sessions come on ios 17 native apps too? On watchos 10 there are already there in new control center!

Hi! I was wondering if it is possible to use the replace effect from a custom symbol to a system symbol. I've tried a if/else to switch from an Image with a custom symbol to an Image with a system symbol to no avail. I assume it needs to be the same Image view when transitioning so I think that's my problem, is there something I'm missing?

Hey guys, just wondering if animated sf symbols will be supported on the web, and if so, what the process for getting that set up looks like. Thanks so much! Sam

How do i add a custom symbol to my app? Can someone please share any reference or links to the same?

When I run SF Symbols, I get a "Fonts Mismatch" error. It claims that newer versions of all the SF-Pro-[Display/Rounded/etc.] family (save the italics ones) are available. The link it sends me to apparently still has the older versions. I've deleted the 'older' versions of the font files and then run the SF-Pro font installer off the downloaded disk image; error just continues to appear.

I can't download the symbols for watchOS 19u66 into this link: https://download.developer.apple.com/Developer_Tools/watchOS_19U66/Watch4_3_19U66.dmg In thread https://developer.apple.com/forums/thread/730103 it was said that it was available, but it isn't. Anyone can help me? Thank you in advance!

Can I create a Video Platform App like Netflix or Youtube by using Apple Sf Symbols 4 on iOS? Is it legal? （Your answer will help a lot. Thanks! 🙏🏻）

Is that allowed to use Apple's SF symbol in the app that submitted to Swift Student Challenge? I have done some search and it says SF symbols can be used for APPs that run on apple devices. I won't use the SF Symbols for logo or any other trademark-related use. Just confirming that I am able to use SF Symbols to develop my APP for Swift Student Challenge right? All SF Symbols shall be considered to be system-provided images as defined in the Xcode and Apple SDKs license agreements and are subject to the terms and conditions set forth therein. You may not use SF Symbols — or glyphs that are substantially or confusingly similar — in your app icons, logos, or any other trademark-related use. Apple reserves the right to review and, in its sole discretion, require modification or discontinuance of use of any Symbol used in violation of the foregoing restrictions, and you agree to promptly comply with any such request. Solely for the purpose of developing Applications for Apple-branded products that run on the system for which the image was provided.

I am currently working on integrating the WeatherKit REST API into web application, and I am having trouble finding the correct symbol to use from the SF Symbol Library to represent the weather conditions returned in the API response. I have searched through the documentation for the WeatherKit REST API, but I was unable to find any information about the symbol name to use for each weather condition. Thank you in advance for your help!

I want to use the "SFProDisplay-Bold" font in iOS project but without adding the font files in the project as this font file is 2.2 MB and it increases the App size. To see what the default system font is, added the below code in our iOS project: var systemFont = UIFont.SystemFontOfSize(20, UIFontWeight.Bold).Name; Debug.WriteLine($"System: {systemFont.FamilyName}"); This above code gave output from our project as follows -> System: .AppleSystemUIFont and the systemFont is ".SFUI-Bold" . I believe that SFUI and SF Pro Display are different fonts(correct me if wrong) Need more clarity for ways on how to implement specific font "SF Pro Display".

Does anyone know if it’s possible for a WKWebView showing a web page in the app bundle - a help screen in my case - to show SF Symbols, by name? I’d like the help page to include some of the symbols that I use for buttons elsewhere in the app. Can I do this without having to make PNGs of the symbols? Thanks.

Hello, I'm trying to create a custom symbol using a variable template. I'm providing a single closed path for Ultralight-S, Regular-S and Black-S. I understand that points must match in each variants, so my process is: Create a path for Regular-S. When it's done, copy it to Ultralight-S and Black-S Edit the shapes of Ultralight-S and Black-S. I only manually move points, I don't add or remove points, I don't use any tool like offset or such. Export to SVG. When I try importing into SF Symbols I get an error: the symbol can't be created, the variants can't be interpolated. The only thing that works is copying the same shape into Regular, Ultralight and Black an leave them all untouched. Same template file, same SVG export settings. It works. But of course it defeats the whole purpose. I don't know what I'm supposed to do here.