Ever tried interpolating an SF Symbol Image directly into a SwiftUI Text view and had it fail silently? This guide explains why it only works in localized strings and shows the correct approaches for embedding symbols in text.

🔗: https://nilcoalescing.com/blog/EmbeddingSFSymbolsInSwiftUIText/ by Natalia Panferova (@natpanferova)

#SwiftUI #iOSDev #SFSymbols

How many rendering modes do SF Symbols actually support? More than you might think. Monochrome, hierarchical, palette, multicolor, variable values, fill variants, slash variants — SwiftUI exposes them all, and each one has its use case.

🔗: https://nilcoalescing.com/blog/CustomizingTheAppearanceOfSymbolImagesInSwiftUI/ by Natalia Panferova (@natpanferova)

#SwiftUI #SFSymbols #iOSDev

Hey, #WebDevelopers... Want to use #Apple's SF Symbols in a web project? I've built something for that. No more tedious exporting from the SF Symbols app. Here's a live preview [1]. Use it right away with my sf-symbols-lib [2].

#SFSymbols

[1] https://sfsymbolslib.layered.work
[2] https://github.com/phranck/sf-symbols-lib

Just published: Version 2.0.0 of my #SFSymbols #React #icon package. Available on #GitHub [1] and #npmJS [2].

#Apple #Icons #IconPack

https://sfsymbolslib.layered.work

[1] https://github.com/phranck/sf-symbols-lib
[2] https://www.npmjs.com/package/sf-symbols-lib

Finally finished my set of waste type #SFSymbols!

Very happy with how it turned out… but jeez, it's an exercise in frustration getting the different weights to work properly. #BuildInPublic

This is why we need some sort of special tooling for creating #SFSymbols… Remember, each variant needs _the exact same amount_ of nodes and anchors.

So I've got a pretty concise path. I can't use this yet, since I'm using rounded corners at the ends… so I need to flatten this…

😖 @Sketch

RE: https://mastodon.social/@brunoscheele/115940955973799659

I’m debating whether I should do a write-up on this… or a lightning talk.

“How to easily create #SFSymbols… in five radars”

First text: “Don’t” in big capital letters. After that it’s just me complaining about how symbols just appear to break for mysterious reasons and how to work around it.

Do you need #SFSymbols in your Web project? I made a thing for that [1]. 😃

And I just published it on #npmjs [2].

#WebDevelopment #React #TypeScript

[1] https://sfsymbolslib.layered.work
[2] https://www.npmjs.com/package/sf-symbols-lib