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
0 answers

Is possible to change the SFsymbol size without using UIImage.SymbolConfiguration and withConfiguration?

I have a question about the sizing for UIImage in UIbutton. I'm trying to make a UIButton with SF symbols (xmark.circle) to add a dismissal or close button to my app and make it bigger. the icon is like this ... To resize the SF symbols, I saw one…
Yuuu
  • 715
  • 1
  • 9
  • 32
1
vote
2 answers

How do I resize a SF Symbol button in SwiftUI?

I'm trying to resize a SF Symbol button in SwiftUI. I've tried .font(.system(size: 60)) and .imageScale(.medium) but it doesn't work. It still has this same error. This is my code: var buttons: [Button] = [ Button(action: { …
Na'im Roslan
  • 19
  • 2
1
vote
1 answer

SwiftUI SF Symbols Accessibility

I'm trying to make my app more accessible for customers who are blind or low-vision. To minimize unnecessary information I am trying to remove VoiceOver for decorative images. In the following example VoiceOver reads "clock.arrow.circlepath"; which…
Michael
  • 616
  • 5
  • 20
1
vote
0 answers

CALayer displaying wrong SFSymbol image for light / dark mode

My first SO question so here goes... I'm very familiar with working with CALayer and its variants but this one has me stumped. Let's start with the code ( yes, I'm working in Objective-C )... - (void)setup { // a basic setup method, called from…
The Cooper
  • 11
  • 2
1
vote
2 answers

Creating Custom SF Symbol

I realise that there is a documentation on Apple, suggest that we can create our own custom SF symbol. https://developer.apple.com/documentation/xcode/creating_custom_symbol_images_for_your_app I have tried to follow the steps, modified the "Regular…
user6539552
  • 1,331
  • 2
  • 19
  • 39
1
vote
1 answer

Swift - stop truncating UIButton titleLabel

I have the following UIButton defined: internal lazy var volumeUnitSelector: DropDownButton = { let button = DropDownButton() button.setTitle("impg", for: .normal) …
DevB1
  • 1,235
  • 3
  • 17
  • 43
1
vote
1 answer

Easy way to copy the name of the SF Symbols app symbol?

Is there really no way to easily copy the label? Am I missing a shortcut? Specifically, looking for an easy & quick way to copy the square.and.arrow.up. I know this sounds lazy, but hey, I do this a lot, finding a quick way would save me a lot of…
Zorayr
  • 23,770
  • 8
  • 136
  • 129
1
vote
1 answer

SwiftUI macOS use SF Symbols 2

I have installed SF Symbols 2, I would like to use its icons without having to copy the symbol. Is there any way to use it on macOS? From what I understand it only works on iOS. I tried to export icon as svg, but the whole example is exported, so…
Paul
  • 3,644
  • 9
  • 47
  • 113
1
vote
2 answers

Can we use equivalent of SF Symbol on Android device in flutter project?

I'm creating a Flutter project and I really like to use SF Symbol (official iOS icons). I have found packages like flutter_icons that allows us to use equivalent. I would like to know if I can use them on an Android device, without any problems of…
Malo Léon
  • 45
  • 1
  • 5
1
vote
2 answers

Get system name of SF Symbol

I'm trying to get the system name of a SF Symbol. Here is my image: let image = UIImage(systemName: "checkmark.circle.fill") How can I get the system name of that image later? I also found out that when I print the description of the image, it…
user12457092
1
vote
1 answer

Adding SFSymbol to VStack creates odd spacing

When adding an SFSymbol to an HStack inside a VStack I get odd spacing after the HStack. Any ideas on how to keep the normal VStack spacing: I've added borders so you can see what is happening struct ContentView: View { var body: some View { …
Gregor Brandt
  • 7,659
  • 38
  • 59
1
vote
0 answers

Swift, Extracting Glyphs from a Font by Name

I am attempting to glyphs from the SF Symbol front using the code sample below provided by an extract https://github.com/davedelong/sfsymbols. I have isolated the code that I can't get to work with values extracted from a run time. I have condensed…
David Berry
  • 11
  • 2
0
votes
1 answer

Swift UI center text below label and icon

How can I center text below my labels and icons? Every time I add text below each label the labels and icons are shifted. What am I missing? For example: Text("sub title text") …
adalovelacy
  • 95
  • 6
0
votes
1 answer

does not display a picture from the sf symbol directory

I am a beginner and I have a picture displayed in the center of the screen (this is a prototype to check if everything works), but the picture is not displayed, I copied the name completely, but it does not work. does not work with…
AlexTok6o
  • 13
  • 2
0
votes
1 answer

Custom SF Symbols not visible in iOS 17 Beta

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…
Azot
  • 141
  • 2
  • 7
1 2 3
…
8 9