I created a custom icon using illustrator. I've drawn Ultrathin, duplicated the same and increased stroke width followed by expanding and creating a compound mask. When I try to validate the same I am getting Interpolation error, I am unable to figure where the error is. Can someone please help?
SF Symbols
RSS for tagEnhance your app with a set of symbols that integrate seamlessly with the San Francisco system font.
Posts under SF Symbols tag
37 Posts
Sort by:
Post
Replies
Boosts
Views
Activity
Hi,
I'd like to remove the SF Symbols. I'm not sure if I can just delete it in the applications folder because I see that it takes 364.3 MB of disk space to install, but only 24.9 MB in the applications folder.
I'm using macOS Monterey 12.7
Can anybody tell me how to delete it?
In my app I use the symbol rectangle.portrait.rotate as
Image(systemName: "rectangle.portrait.rotate")`
targeting iOS 16.0 and later.
It is shown on the simulator iPhone SE 3rd generation without complaining, however on my iPhone (SE model MHGP3QL/A, iOS 16.7) it is not shown and the debugger states:
No symbol named 'rectangle.portrait.rotate' found in system symbol set
Hello,
is there a recommended way to render Menu items, e.g in a SwiftUI ContextMenu with icon (SFSymbols)?
Let's say I have the following setup:
Both buttons render fine on native macOS (e.g Sonoma) but Catalyst refuses to render the symbol at all. I tried every possible combination I could think off. The only way I found was to directly copy and paste a symbol from the SF symbols app and inline it with the label string as unicode. Unfortunately I have a couple custom SF symbols so this isn't really an option for me.
I feel like this is a perfectly valid usecase, as it makes the menu visually a lot easier scannable.
With UIKit and Ventura this at least worked for Menubar items but now also seems broken on Sonoma.
I would greatly appreciate any hints. Thanks!
Has anyone a workaround here?
...a lot of font shuffling appeared after I upgraded my system to Sonoma. Cant get SF Pro to work in SF Symbols, meaning I cant copy any symbols, since the Apple fonts don't land properly there.
Tried to delete all appal fonts, re-download them from Apple, reinstall and reboot the system. Nothing worked. I run all this on a MB Air M2
Any clues, anyone? Super grateful if anyone can help!
Hello,
I've discovered symbols and it gave me idea that if use them in FCPX or Keynote, it would be lot easier to tell story to people. It is minimalistic and huge library. For example, in a camera review, I would use symbols to describe buttons of it, so in a long run, all cameras have same buttons as working but in different shapes and locations, in a language of symbols, it would a lot easier to understand especially in classic film cameras. 📸
This is my first post in Developer Forums, so Hello World!
Thanks.
The code that has the issue is this
ZStack {
Image(systemName: icon.isEmpty ? "book.pages.fill" : icon)
.resizable()
.scaledToFit()
.scaleEffect(2.5)
.foregroundStyle(.ultraThickMaterial)
}
the book.pages.fill is completely blurry and the lung is partly blurred.
If I remove the .forgroundStyle(.ultraThickMaterial) is is completely blurred.
Some icons, tho, are sharp no matter the forgroundStyle is omitted or not.
COULD NOT UPLOUD IMAGE
Here is the complete code
import SwiftUI
struct FolderOverviewItemView: View {
@Environment(\.colorScheme) var colorScheme
@Environment(\.horizontalSizeClass) private var horizontalSizeClass
@Environment(\.verticalSizeClass) private var verticalSizeClass
var title: String
var description: String
var icon: String
var image: Image? = Image("dummy")
var color: Color
var body: some View {
Grid {
GridRow() {
Color.clear
Color.clear
Color.clear
Color.clear
}
GridRow() {
Color.clear
ZStack {
Image(systemName: icon.isEmpty ? "book.pages.fill" : icon)
.resizable()
.scaledToFit()
.scaleEffect(2.5)
.foregroundStyle(.ultraThickMaterial)
}
.gridCellColumns(2)
Color.clear
}
GridRow() {
Color.clear
Color.clear
Color.clear
Color.clear
}
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
GridRow() {
HStack(alignment: .top) {
VStack(alignment: .leading) {
Text(title)
.font(.headline)
.lineLimit(1, reservesSpace: true)
if horizontalSizeClass == .regular {
Text(description.isEmpty ? " " : description)
.font(.caption)
.lineLimit(2, reservesSpace: true)
.truncationMode(.tail)
} else {
Text(description.isEmpty ? " " : description)
.font(.caption)
.lineLimit(2, reservesSpace: true)
.truncationMode(.middle)
}
}
}
.frame(maxWidth: .infinity, maxHeight: .infinity, alignment: .topLeading)
.gridCellColumns(4)
.padding()
.background(.regularMaterial)
}
}
.background(
LinearGradient(gradient: Gradient(colors: [color.darken(by: -0.2), color.darken(by: 0.1)]), startPoint: .topLeading, endPoint: .bottomTrailing)
)
}
}
Hi
I'm using Xcode and I was using SF symbol 4 before. I couldn't use it this time tried to download #5. Apparently not working in Canada, App Store said.
Right now I have no symbols for my app.
thanks
Sumer
Hi everyone,
If I’m using SF Symbols in my app, am I allowed to use those same symbols on my app’s website? So in other words, I've used SF Symbols in my app to indicate what certain things are. For example "person.fill" to indicate a contact of a person.
So now that I'm at a point where I'm developing a site for my app, I'm hoping to use those same symbols to indicate what they are for when the user uses the app.
Seems a little silly that I might not be able to use them on my app, but I can’t use them to indicate what they’re for on my site?
Thanks!
I can set color of the SF symbol image in the application window but cannot do the same in the menu bar. I wonder how I can change the color in the menu?
import SwiftUI
@main
struct ipmenuApp: App {
var body: some Scene {
MenuBarExtra {
Image(systemName: "bookmark.circle.fill")
.renderingMode(.original)
.foregroundStyle(.red)
} label: {
Image(systemName: "bookmark.circle.fill")
.renderingMode(.original)
.foregroundStyle(.red)
}
}
}
xcodebuild -version
Xcode 15.0
Build version 15A240d
I have a strange issue with a custom SF Symbol in Xcode 15 beta 7. It works fine except if the font is body and the weight is regular:
The top symbol is body, regular. The bottom is body, medium. All combinations except body, regular work.
In the SF Symbols 5 app, the file validates and everything shows correctly.
I wanted to attach the svg file, but I can't figure out how 😅
Is anyone aware of this issue? Or am I the issue?
Has anyone paid a graphics designer to produce custom SF Symbols for them? Would you care to share your experiences?
I paid for some custom graphics a decade ago; the results were OK but not amazing. I forget how I found that guy. No doubt everything has changed since then.
Hi,
I'm creating a SF Symbols image like this:
var img = UIImage(systemName: "x.circle" ,withConfiguration: symbolConfig)!.withTintColor(.red)
In the debugger the image is really red.
and I'm using this image to create a SKTexture:
let shuffleTexture = SKTexture(image: img)
The texture image is ALWAYS black and I have no idea how to change it's color. Nothing I've tried so far works.
Any ideas how to solve this?
Thank you!
Best Regards,
Frank
When I try to import a custom SF Symbol exported for XCode 15 and try to import it in Xcode 15 beta (15A5160n), I got the error:
The SVG file provided for the symbol image set 'rings.heart' is not suitable: Template format 5.0 is newer than the version that this software supports (4.0)
Is Xcode 15 Beta not ready yet for Custom SF Symbols 5.0?
I'm confused about the SF Pro fonts. Can these be used in our apps?
I tried pasting characters from SF Pro into a label, but was unable to get them to display properly. "SF Pro" doesn't appear in the list of available fonts in Xcode.
If these are not intended to be used by app developers, then what is their purpose?
Are "SF Symbols" different that SF Pro? What about the list of icons that appears in the "Symbols Library" in Xcode? There are so many different sources of symbols and icons, it is very confusing.
If any of these sources is OK to use in an iOS app, is it also OK to export them for use in the event that business needs require me to create an alternate version of my app for some hypothentical non-iOS platform?
Thanks,
Frank
The weather data from Weather Kit REST API doesn't contain SF Symbol name.
Is there a way to get the SF Symbol name by "conditionCode"?
I'm trying to make a custom SF Symbol. I've made some new custom symbols successfully, combining existing SF Symbols, so I understand the process. But as soon as I use vector files from my previous work, I get the error, "The provided variants are not interpolatable." - even though it has shapes made with vector path.
Template set up - Variable
I use sketch to work on the template
I have separate layers for Ultralight-S, Regular-S, Black-S
File saved as SVG
What is wrong with my template?
Thanks!