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