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
2
votes
2 answers

How to get round shape images of the same size based on SF Symbols in SwiftUI?

In my application I want to get simple round buttons based on SF Symbols of the same size. However, the same approach results in different image sizes depending on the symbol. For example, an image with a plus sign is larger than a minus sign. To…
vtezin
  • 43
  • 5
2
votes
1 answer

UIImageView in UICollectionViewCell randomly changing frame when using SF Symbol as image source

I have a UIImageView in a UICollectionViewCell. I am using auto layout to set it to the top left of the cell with fixed width and height. When I set the image on the image view, from an image in the asset catalog, things work great. When I set the…
zumzum
  • 17,984
  • 26
  • 111
  • 172
2
votes
1 answer

change sf symbol weight/size in TabView

This a a sample TabBar code: struct TabBar: View{ @State var current = 0 var body: some View{ TabView(selection: $current) { View0() .tag(0) .tabItem { Image(systemName:…
Mateus Neves
  • 674
  • 1
  • 6
  • 20
2
votes
2 answers

Adapt SF Symbols to iOS version

I'm currently developing an iOS app that has iOS 13 set as deployment target. I'm using some SF symbols throughout the app. Now, since iOS 14 and a new version of XCode have been available, I've been getting a warning about one of my symbols being…
Thorsten Dittmar
  • 55,956
  • 8
  • 91
  • 139
2
votes
3 answers

SF Symbol imageView does not conform to pointSize?

I have an empty UIImageView in my storyboard, and have the outlet in my ViewController.swift file. In viewDidLoad, I'm calling the below code: let config = UIImage.SymbolConfiguration(pointSize: 50, weight: .light) self.symbol.image =…
dinosaysrawr
  • 348
  • 2
  • 15
2
votes
1 answer

SF Symbols (SwiftUI) Is there a fingerprint symbol for TouchID?

I am not sure if SF Symbols ever had a fingerprint, but does anybody know where to get the official Touch ID fingerprint icon for use in an app?
user1909186
  • 1,124
  • 2
  • 12
  • 26
2
votes
1 answer

UIContextMenuActionProvider puts unwanted checkmark icons on items

The problem I was implementing UIContextMenuInteraction, and ended up with the behavior I can't explain or find fixes too. The issue as seen from the screen shot that menu items have checkmarks. This is not intended and those checkmarks added…
inokey
  • 5,434
  • 4
  • 21
  • 33
2
votes
0 answers

is there a way to use glyphs in a tvml menubar?

I'm looking for a way to use sf symbols (glyph icons) like Gear and magnifyingglass inside the menu bar item, instead of a title. Apple talks about it in its documentation for tvos, but I have not been able to find any reference to tvml js here. So,…
Subhan
  • 1,544
  • 3
  • 25
  • 58
2
votes
0 answers

SF Symbols for Mac Apps

I am making a Mac App and want to use the new SF Symbols. The SF Symbols are built into iOS 13 but they aren’t for Mac Apps. The best you can do is copy and paste the SF Symbol into a textfield. But whoever uses your app will have to download the…
DerrickHo328
  • 4,664
  • 7
  • 29
  • 50
2
votes
1 answer

How do i use SF Symbol icons on macOS

I want to add glyhps from the MacOS Catalina icon font into my NSString. I use the SF Symbols app and the few icons which show a unicode codepoint are easy to embed like normal characters but how do i use the ones where no codepoint is shown (the…
Lothar
  • 12,537
  • 6
  • 72
  • 121
1
vote
1 answer

Where are SF-Symbols located?

Become used SF-Symbols part of the bundle and become compiled to the executable file? Or are there only references and the actual icons are provided by the OS of the user?
cluster1
  • 4,968
  • 6
  • 32
  • 49
1
vote
1 answer

Decrease border width of SF Symbol

Decrease border width of the image, Its SF Symbol, I tried different ways but its not working struct CheckboxView: View { var isSelected: Bool var size: CGSize = CGSize(width: 30, height: 30) var body: some View { …
Taimur Ajmal
  • 2,778
  • 6
  • 39
  • 57
1
vote
1 answer

SF Symbols always render with a slightly different size

I'm experiencing a strange issue with my UIKit app. I have a UITableView that contains a UICollectionView. The UITableView gets reloaded every few seconds, but after each reload, the size of the SF Symbols inside the UICollectionView cells changes…
Victor Lobe
  • 355
  • 3
  • 12
1
vote
2 answers

How can I make an SF symbol horizontally align centered in SwiftUI?

I have a SwiftUI Image view that displays only an SF symbol: GeometryReader { g in Image(systemName: "a.square") .font(.system(size: g.size.width)) } } It renders like this: I tried modifying the view with the…
Adam
  • 153
  • 1
  • 8
1
vote
0 answers

SF Symbols usage restriction

I recently came across SF Symbols. For some of the images, I do see usage restrictions listed for that image which says something like this: "This symbol may not be modified and may only be used to refer to Apple’s iCloud service." Does this mean…
tech_human
  • 6,592
  • 16
  • 65
  • 107
1 2 3
…
8 9