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
0
votes
1 answer

Function to return modified SF Symbol in SwiftUI

I have written the following function which interprets a given "weather code" value and maps it to an image. Then I modify that image with the .foregroundStyle modifier. func weatherImage(weatherCode: Int) -> Image { switch weatherCode { …
janvdl
  • 300
  • 1
  • 10
0
votes
0 answers

SwiftUI: Present Sf Symbol in alert not showing

I'm trying to implement a SwiftUI alert with the following message: The message contains a SF Symbol. Here is my code: struct ContentView: View { @State var showsAlert = false var body: some View { Text("Well done…
user2924482
  • 8,380
  • 23
  • 89
  • 173
0
votes
1 answer

Change color of SF Symbols icons

I have a MenuModel struc used to have a list of icons into a table as a menu: var menu: [MenuModel] = [SideMenuModel(icon: (UIImage(systemName: "house.fill")?.withTintColor(.systemRed))!, title: "Home"),...] Menu appears but icons still white. I…
doxsi
  • 1,002
  • 19
  • 42
0
votes
1 answer

Make single scale SVG image asset rows align in table column with SF Symbol rows?

I have a UITableView of UITableViewCells. Using cell.defaultContentConfiguration I set image and attributedText properties of for each cell. Images created from SF Symbols, all have the same .medium scale, and all align to the same left edge in…
clearlight
  • 12,255
  • 11
  • 57
  • 75
0
votes
1 answer

How can I get SF Symbols components?

I would like to get the components of an SF Symbol so that I can then animate it, with animations on the individual components. Is it possible? For example, in the photo below I would like to separate the raindrops from the cloud. Thanks!
Lorenzo Zorri
  • 63
  • 8
0
votes
0 answers

Rendering SF Symbols with NativeScript using UIImageView

I would like to use SF Symbols in a NativeScript based app (using svelte native but I guess this should work independent of that). If I understand this guide to SF Symbols correctly then I can get a view with a symbol like this in Swift: let image =…
Deproblemify
  • 3,340
  • 5
  • 26
  • 41
0
votes
1 answer

SwiftUI: Changing an SF Symbol's symbolRenderingMode during an animation causes EXC_BAD_INSTRUCTION

I'm targeting iOS 16 for a project and found that changing an SF Symbol Image's .symbolRenderingMode with an .animation applied sometimes causes a EXC_BAD_INSTRUCTION (code=EXC_I386_INVOP, subcode=0x0) crash with no meaningful stack trace or debug…
Greg Whatley
  • 1,020
  • 1
  • 13
  • 32
0
votes
1 answer

How to make a round SF symbol shaped exactly in Non-SwiftUI environment

Sometimes SF Symbols are rounded, but in opposite to SwiftUI's clipShape() procedure I can't reach a solution in Storyboard/Normal Swift. I've tried with func setCorner(radius: CGFloat) { layer.cornerRadius = radius …
Frame Worker
  • 15
  • 3
0
votes
1 answer

Custom SF Symbol is always filled with color

I'm trying to create a custom symbol. It looks fine in Inkscape, but when I import it into the SF-Symbol App, all regions are filled. This is the structure of the SVG And this is what SF-Symbols makes So, one rect-shape is filled white, but after…
Frame Worker
  • 15
  • 3
0
votes
1 answer

UIImage(named:) with period loads wrong image (e.g. for SFSymbols)

I want an easy way to load SFSymbol images with configuration, if possible. Else just load the image normally. So I have this extension and I have all SFSymbols I need in in my assetcatalog with the same name as the symbol (in this case I have…
thisIsTheFoxe
  • 1,584
  • 1
  • 9
  • 30
0
votes
0 answers

SwiftUI: SF symbol in tab item is automatically filled

I notice that tabItem() automatically uses the "fill" version of the SF symbol inside it. See example below. Does anyone know how to show the "non-fill" version of SF symbol in tab item? struct ContentView: View { @State var data = Data() …
rayx
  • 1,329
  • 10
  • 23
0
votes
1 answer

How Do I get uniform view size when using Image and SFSymbols in SwiftUI?

Here is my View: I want all boxes (the red rectangles) to be the same size (heights all equal to each other and widths all equal to each other). They don't need to be square. When I create views using Image(systemname:) they have different…
Mozahler
  • 4,958
  • 6
  • 36
  • 56
0
votes
1 answer

Change filled icon to not filled on TabView tabItem in iOS 15 Xcode 13

From iOS 15 / XCode 13 on unfilled icons (SF Symbols) in TabView are filled by default. Same problem as reported here: How to change filled icon to not filled on TabView tabItem in iOS 15 Xcode 13? The mentioned solution does not work for me.…
ratio-x
  • 31
  • 3
0
votes
1 answer

Custom SF Symbol not rendering hierarchical shading

I have a custom SF Symbol that renders with hierarchical shading when viewed in the SF Symbols 3 app, but in iOS using SwiftUI it renders as monochrome. Here is the symbol in the SF Symbols 3 app: Here is the symbol imported as a 3.0 template in…
Chuck Krutsinger
  • 2,830
  • 4
  • 28
  • 50
0
votes
1 answer

SF Symbols acting weird with Constraints

I basically have this SF Symbol: chevron.left, and I want to get the width and height of this symbol, which I did like this: public func getSize() -> CGSize { let size = self.imgView!.size return size } This is how I generate the SF…
Steven James
  • 63
  • 1
  • 7
1 2 3
…
8 9