Stack Overflow
Stack Overflow

Questions tagged [sf-symbols]

SF Symbols is a font containing configurable symbols for use on Apple platforms (iOS, macOS, tvOS, and watchOS). It is also a macOS application for exploring the font, exporting symbols from the font as SVG, and creating new symbols in the style of the font. Use this tag to discuss the use of the SF Symbols font and (where applicable to programming) the SF Symbols application.

Apple announced and released the SF Symbols font and the SF Symbols application at WWDC on June 3, 2019. Apple describes the font as follows:

SF Symbols provides a set of over 1,500 consistent, highly configurable symbols you can use in your app. Apple designed SF Symbols to integrate seamlessly with the San Francisco system font, so the symbols automatically ensure optical vertical alignment with text for all weights and sizes. SF Symbols are available in a wide range of weights and scales to help you create adaptable designs.

The SF Symbols font is included in the following operating systems:

  • macOS 10.15 and later,
  • iOS 13 and later,
  • tvOS 13 and later,
  • watchOS 6 and later.

The SF Symbols app runs on macOS 10.14.4 or later. It allows browsing the SF Symbols font, exporting some symbols as SVG, and preparing modified SVG files for importation into an Xcode asset catalog.

123 questions
1
vote
1 answer

UIImageView intrinsic content size behavior with Dynamic Type

I have an image view with its image set with a custom image (svg file with Preserve Vector Data selected). The image view has no constraint and it is told to adjust image size with accessibility. When I run the app and change the Dynamic Type of the…
standousset
  • 1,092
  • 1
  • 10
  • 25
1
vote
1 answer

Can't get SF Symbol erase layer imported from SF Symbols to Xcode?

I created a custom SF Symbol. Pretty straightforward horse head with transparent eyes. Trying to get the eyes to be transparent regardless of what rendering mode is used. I used the “erase” color for the eye layer and a solid color for the head. I…
mystride
  • 75
  • 6
1
vote
2 answers

Is there a way to use string interpolation with an SF Symbol that has a modifier on it?

I want to use string interpolation on an SF Symbol that has a rotationEffect(_:anchor:) modifier applied to it. Is it possible to do this? Without the modifier this type of string interpolation works fine (in Swift 5.0): struct ContentView: View { …
tim
  • 57
  • 7
1
vote
0 answers

SF Symbols render incompletely in widgets on iOS 16

Several symbols from SF Symbols render incompletely when displayed within Widgets on iOS 16. The issue affects only symbols not rendered in the default monochrome mode, and it affects some but not all multicolor symbols. It affects all widget…
pommy
  • 3,717
  • 1
  • 15
  • 25
1
vote
2 answers

How to enforce certain UIImageView with SFSymbol to be in light mode even though the entire app is in dark mode?

The following is the UIImageView, using SFSymbol face.smiling UIImageView background is pink color UIImageView tint is black color When I switch my app to dark mode, the smiling face which use to be transparent color, has became solid black…
Cheok Yan Cheng
  • 47,586
  • 132
  • 466
  • 875
1
vote
1 answer

How do I use an SF Symbol in Swift using its symbol literal instead of its name?

The normal way to use an SF Symbol is to find the image you want in the SF Symbols app, copy its name, and then use this name in the Image(systemName:) constructor. For example, if I'd like to display the share Icon, I could use the following…
Senseful
  • 86,719
  • 67
  • 308
  • 465
1
vote
0 answers

Multicolor SF Symbol in macOS 11 Big Sur

I want to programmatically add to the toolbar the "star.fill" symbol in multicolor yellow mode. I can do it via Xcode/IB properties. But I don't understand how to do it programmatically, because NSSymbolConfiguration -…
Ios Dev
  • 41
  • 2
1
vote
0 answers

SwiftUI Custom SF Symbol appears blurry in macOS TabBar / settings window

I am trying to use a custom SF Symbol as image within a .tabItem but it appears blurry: TabView(selection: $selectedTabItem) { // ... SomeView() .tabItem { Label(title: { Text(verbatim: title) …
ixany
  • 5,433
  • 9
  • 41
  • 65
1
vote
1 answer

SF Symbol does not work well with scaleAspectFill

I noticed that SF symbol doesn't really work well with scaleAspectFill. For instance, given a circular aspect fill UIImageView with a thin border, setting its image to UIImage(systemName: "person.crop.circle.fill") would look like the following.…
Jack Guo
  • 3,959
  • 8
  • 39
  • 60
1
vote
1 answer

Swift SF Symbols - only available in iOS 13.0 or newer error

Been playing around with the SF Symbols and very impressive they are too. However when I try and use them in code from a number of SF examples I come up with: let image = UIImage(systemName: "hands.clap"). < init(systemName:) is only available in…
Edward Hasted
  • 3,201
  • 8
  • 30
  • 48
1
vote
1 answer

set the value of Image to nil SwiftUI

I have set a condition to load an SFsymbol. Image(systemname : isShowList ? "ellipsis" : "") But I am getting a warning No symbol named '' How can I set this to an empty value without warning?
Ae Ri
  • 185
  • 1
  • 12
1
vote
1 answer

How do I change the color of an SF Symbols based UIButton embedded in a UIAction?

I'm generating a button with the following code but am unable to successfully change the button's foreground color. let button = UIButton( type: .close, primaryAction: UIAction( image: UIImage(systemName: "x.circle"), …
pinglock
  • 982
  • 2
  • 12
  • 30
1
vote
0 answers

Xcode: Is it possible to export SF Symbols and import into Xcode to support older versions?

I already know how to import SF Symbols into Xcode assets: Drag and drop SVG directly Create PDF to represent SVG symbol then add it and configure Attribute Inspector Cool.. however attempting to export SF Symbol as SVG then add it to assets…
Hamad Fuad
  • 266
  • 3
  • 12
1
vote
0 answers

SwiftUI Value of type 'some View' has no member 'symbolRenderingMode'

I have an SF symbol with .symbolRenderingMode to give it .palette. Button(action: { self.currentview = "Form" }) { Image(systemName: "note.text.badge.plus") .font(.system(size: 30)) …
Kunal Katiyar
  • 304
  • 2
  • 15
1
vote
1 answer

How to change the size AND the color of an SF Symbol ? (UIKit)

I'm trying to add an SF Symbol to a Button. And I've found that I can change it's pointSize, weight and scale OR it's tint. But I don't know how to implement both kind of customization. self.Button = makeToolBarButton(buttonTitle: "plus",…
sobrevillaj
  • 23
  • 4
1 2 3
…
8 9