SF Symbols

RSS for tag

Enhance your app with a set of symbols that integrate seamlessly with the San Francisco system font.

SF Symbols Documentation

Posts under SF Symbols tag

35 Posts
Sort by:
Post not yet marked as solved
0 Replies
582 Views
I am using "checkmark.circle.fill" I wish to have a blue filled circle with the checkmark being solid black. For the blue filled circle, I can choose the tinted color as blue. But, the default SF Symbols "checkmark.circle.fill", its checkmark is transparent. It looks as follow So, I try to use "SF Symbols beta", to create custom icon. During editing, the thing seems like what I want Blue filled circle Solid black color for checkmark Then, I use "Export Symbol...", using Template Version 2.0 (XCode cannot recognise Template Version 3.0) It seems like the checkmark fall back to transparent color. When I import it to XCode It seems like the "solid black color" on the checkmark is gone. When I use this custom icon in my app, it gave same result as "checkmark.circle.fill" (the checkmark still remain as transparent) Doesn't anyone know how to resolve this issue? Thanks.
Posted
by yccheok.
Last updated
.
Post marked as solved
1 Replies
360 Views
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.
Posted Last updated
.
Post not yet marked as solved
1 Replies
1.1k Views
I was very happy when I saw this: "You can embed a symbol inside a run of text by using string interpolation." Text("Thalia… \(Image(systemName: "chevron.forward"))") Unfortunately this is a feature of SwiftUI and not generally available string interpolation. In places where a string is expected like an Apple Watch Compilcation Text Provider CLKSimpleTextProvider(text: "\(Image(systemName: "heart"))") this doesn't return an inline Image but "Image(provider: SwiftUI.ImageProviderBox<SwiftUI.Image.(unknown context at $18487da20).NamedImageProvider>)" So… Is there a way to include an SF Symbol in a regular string to wiggle it into a CLKSimpleTextProvider?
Posted
by MDeuschl.
Last updated
.
Post not yet marked as solved
2 Replies
402 Views
If I want to use SF Symbols 3 in my swift project, do I have to export the symbols from the SF Symbols app and add them to my app's Asset Catalog, or is there a way for Xcode to automatically use those symbols without me having to add them to the Asset Catalog?
Posted
by yyjhuj.
Last updated
.
Post not yet marked as solved
4 Replies
542 Views
Our app has some custom vector symbol images stored in an asset catalog. Images using these symbols work fine on macOS Catalyst when building/running/debugging locally. Until we post the macOS catalyst app to TestFlight. The app downloaded from TestFlight does not contain these symbols. (The same symbols work fine on iOS/TestFlight) I've verified that the archive that's uploaded to AppStore Connect contains these symbols in the Assets.car resource, which is 1.9MB. The resulting binary downloaded from TestFlight has an Assets.car resource which is 1.5MB. The asset catalog editor in Xcode does not give a UI to select the idiom for these SVG resources, but the underlying JSON for the asset does specify the "universal" idiom. So why are these assets being thinned out of the download of the macOS catalyst app? What am I missing here?
Posted
by jrg405.
Last updated
.
Post not yet marked as solved
0 Replies
254 Views
Why is it that every time you update SF Symbols, all the fonts previously used get confused and mismatched? Why is it that every time you update SF symbols, you need to also download the SF fonts all over again? This is such a big issue that should not be happening. Puts our designs in jeopardy.
Posted
by Wiamxiv.
Last updated
.
Post not yet marked as solved
2 Replies
1k Views
How do I resolve this issue when trying to re-import a custom SF Symbol into Apple's SF Symbols app? Is there an exact export configuration I'm missing in Sketch or Figma?
Posted
by Curiosity.
Last updated
.
Post not yet marked as solved
2 Replies
507 Views
I am currently using the latest Mac OS beta, Xcode 13, and iOS 15. For some reason whenever I add an sf symbol into my app it puts the fill version of the symbol no matter what I do I can't change it. I've tried creating a custom icon that looks identical through the sf symbols app but nothing is being rendered.
Posted
by Zoblod.
Last updated
.
Post marked as solved
3 Replies
639 Views
I'm having issues where symbols created using the 3.0 template won't render correctly in Xcode 13. The symbols look fine in the SF Symbols app, but when I import into Xcode, the symbol is not placed appropriately in the symbol view (it may only show a zoomed-in view of the bottom left part of the symbol, or the symbol won't be in the symbol view at all). EDIT: Images in comment/answer below. EDIT2: To clarify, I'm referring to custom symbols. How can I resolve this issue? Anyone able to point me in the right direction? Thanks!
Posted
by maxkve.
Last updated
.
Post not yet marked as solved
2 Replies
793 Views
Multicolor SF symbols are black in iOS 15 widget. (have a look at the attached pictures 14.5 vs 15.0) this is how it looks in the code:        Image(uiImage: UIImage(systemName: getIconName(iconId: iconId))!)         .resizable().scaledToFit()         .frame(width: 20) Playing around with .renderingMode() doesn't help. Only when I set it to .template and set some color, but I need it to be as it was - multicolor. Is this a bug or a feature ?
Posted
by palickaa.
Last updated
.
Post not yet marked as solved
0 Replies
489 Views
The new SF Symbols palette color feature was working perfectly for me in beta 4, but as soon as I installed beta 5 all my symbols started rendering in a single color. After some debugging, I realized that this is only happening when the image is created via drawRect. Hopefully this is just a minor bug that will be fixed in the next beta, as I just spent an entire week moving everything over to custom symbols (and I have to render them via drawRect)...
Posted Last updated
.
Post marked as solved
1 Replies
683 Views
I built my app for iOS 13 and use the system images in my storyboard. With Xcode 12, I see these deprecation messages, even though my deployment target is 13. Main.storyboard: warning: Deprecations: SF Symbol ‘speaker.3.fill’ is deprecated, use ‘speaker.wave.3.fill’ instead. If I address these warnings, will my app display the correct symbols on iOS 13?
Posted
by jon.gary.
Last updated
.