How do i set a weight to SF Symbols for iOS 13?

ios swift swiftui sf-symbols
FlowUI. SimpleUITesting.com picture FlowUI. SimpleUITesting.com · Jun 10, 2019 · Viewed 11k times · Source

I have this

Image(systemName: "arrow.right")

But how do i make it bold, semibold etc?

I am using the new SwiftUI.

Answer

EmilioPelaez picture EmilioPelaez · Jun 10, 2019

When using the font modifier, set a weight to the font you're passing.

For example, if you want to use one of the default text styles (which I recommend, since they adapt to the user's Dynamic Type setting), you can do it like this:

Image(systemName: "arrow.right")
  .font(Font.title.weight(.ultraLight))

If you want to specify a font size, you can do it like this:

Image(systemName: "arrow.right")
  .font(Font.system(size: 60, weight: .ultraLight))

Related questions

Find all available images for Image(systemName:) in SwiftUI

Where can I find all the system images that are available in the initializer Image(systemName:)? I've only been using "chevron" and "star.fill" so far, as discovered in Apple's SwiftUI tutorial series. However, I haven't been able to find …

Read More
Add bottom line to view in SwiftUI / Swift / Objective-C / Xamarin

I would like to keep the border at the bottom part only in UITextField. But I don't know how we can keep it on the bottom side. Can you please advise me?

Read More
Make a VStack fill the width of the screen in SwiftUI

Given this code : import SwiftUI struct ContentView : View { var body: some View { VStack(alignment: .leading) { Text("Title") .font(.title) Text("Content") .lineLimit(nil) .font(.body) Spacer() } .background(Color.red) } } #if DEBUG struct ContentView_Previews : PreviewProvider { static var previews: some View { …

Read More