Change the rendering mode of SF symbols

[schl3ck]

Maybe this can help?

Define the color of a SF symbols in drawcontext

So I haven’t needed this yet, but I took on the challenge and found a workaround. I’ve used the canvas element from the browser to decode the image from the SFSymbol and then just set the color values manually. After that I again used the canvas to convert it back to a PNG image. I’ve also annotated the function with JSDoc, so you get the correct types if you use an IDE. Just copy the function into your code to use it. I hope it is useful!

Code

/** * source: https://talk.automators.fm/t/define-…