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

How to convert an SVG file into a JPEG?

I'm using SF Symbols in buttons for a Mac App, but since I'm trying to customize their colors to better fit the theme. I'm thinking of converting the vector based file into a JPEG image.
sobrevillaj
  • 23
  • 4
0
votes
1 answer

Why does a symbol from SF Symbols in Xcode stays black in renderingMode (.original)

Пример SF Symbols Pro: 16.0d18e1 Xcode: 11.6(11E708) struct ContentView: View { var body: some View { Image(systemName: "cloud.sun.fill") .renderingMode(.original) } } How do I make the symbol have a color appearance?
Не человек и не кот
  • 21
  • 2
0
votes
1 answer

Do we have to use SF Symbols for designing native iOS apps?

I have just finished my UX design course and I am building up my portfolio. I have designed a web app that I need to redesign as a native app for iOS and Android (it won't be developed as it's not a real project). My question is can I use the icons…
Urooj Fatima
  • 1
0
votes
1 answer

SF Symbol unavailable warning when using an SVG

My app supports iOS 13.0 and uses SF Symbols in a storyboard. I have added the SF Symbol .svg file to my asset catalog to add support for those that are only available in iOS 14+ but I am still getting the compiler warnings saying SF Symbol…
Darren
  • 10,182
  • 20
  • 95
  • 162
0
votes
1 answer

No system image named 'airport.express' was found

I'm using SwiftUI SF Symbols, all works well on iOS 14, but not iOS 13, the error is like: [SwiftUI] No system image named 'doc.badge.gearshape' was found [SwiftUI] No system image named 'airport.express' was found [SwiftUI] No system image named…
William Hu
  • 15,423
  • 11
  • 100
  • 121
0
votes
1 answer

How to align UILabels with SF Symbols and custom images in UITableViewCell's imageView?

What I want to achive is something like list view in Files App. Document will display a little thumbnail if has one. Otherwise a SF Symbol with textStyle .callout will show up. All the rows’ labels should be left aligned. But currently the…
francisfeng
  • 704
  • 1
  • 8
  • 22
0
votes
1 answer

How to vertically center system images in a UITabBarController

I'm trying to use the new SFSymbols for icons in my tab bar. The images should be centered in their respective tab bar item, but they appear to be aligned to the top: Here's an image from the View Hierarchy Debugger: This is the code that is used…
Xavier Lowmiller
  • 1,381
  • 1
  • 15
  • 24
0
votes
1 answer

How to manage the resizing of a custom imported icon and sf symbol together in a common icon class?

I am creating a library icon class which receives an icon name, a flag 'isSF' (this flag will say whether the icon is SF Symbol or not) and the size of the icon. I need to resize both the icons as per the size value received. The issue I am facing…
prebeesh
  • 51
  • 1
  • 9
0
votes
1 answer

How can I create a macOS SwiftUI button with the NSRefreshTemplate image?

I can't figure out how to access the NSRefreshTemplate image for a SwiftUI button. Is there some way to access system images ? Button(action: { print("Do something...") }) { …
Duncan Groenewald
  • 8,496
  • 6
  • 41
  • 76
0
votes
1 answer

Displaying SF Symbols as an Image Literal?

Xcode will allow me to introduce image literals in code when I start typing image literal and use autocomplete: With iOS 13, they released SF Symbols that can be introduced into the code like so: let image = UIImage(systemName:…
Senseful
  • 86,719
  • 67
  • 308
  • 465
0
votes
2 answers

How to create an SF Symbol Properly?

I'm trying to put an SF Symbol next to a piece of text that I have, however, I get the error Argument type 'Image' does not conform to expected type '_FormatSpecifiable' I am fairly new to Xcode and swift UI so basic explanations would be…
jjx1223
  • 11
  • 2
0
votes
1 answer

swiftui use a non SF Symbols SVG in your project

If I want to use an SVG specifically that is not in the SF Symbols library, how would I do that? I have tried dragging and dropping a random SVG of a basketball to my image assets folder that I downloaded from the internet but it will not read in my…
bain
  • 335
  • 1
  • 6
  • 17
0
votes
1 answer

Using SwiftUI SegmentedControl with SF Symbols produces odd behavior

I would like to use SF Symbols in a SegmentedControl in SwiftUI. Copy this code into a project and watch what happens. There is no good way to explain the behavior. You have to see it for yourself. import SwiftUI struct ContentView : View { …
K. Law
  • 2,541
  • 3
  • 18
  • 27
-1
votes
1 answer

Simulator bug where SF Symbols are not showing up in UIKit (but work in SwiftUI)

I'm running into a very bizarre bug in the iOS Simulator, see title. On first run of a new Simulator instance, the SF Symbol(s) appear for both SwiftUI and UIKit, but then after restarting the app and/or the Simulator instance, they no longer do for…
Ben Guild
  • 4,881
  • 7
  • 34
  • 60
-1
votes
1 answer

SwiftUI Navigation Bar Items - replace EditButton() with SF Symbol

When I run this code, I can't EDIT the LIST which doesn't display the DELETE and MOVE UI when the user taps Edit. My original code with the TEXT works. Apple EditButton docs - a button that toggles the edit mode environment value. [Apples docs…
Kraig Kistler
  • 35
  • 5
1 2 3
…
8
9