Multi-colored custom SF Symbols

How do I create a multi-colored custom symbol?
I know how to export, modify and re-import regular SF Symbols, but surely there must be a way to make a custom multi-colored one, too.
Does anybody know?
Up vote post of fedo Down vote post of fedo
1.9k views
Posted by
fedo
Reply
Add a Comment

Replies

Yes, it is possible. You can just change the color of the path. And when you want multiple colors, you can just add multiple paths to the group.
Posted by
Luca1719
Up vote reply of Luca1719 Down vote reply of Luca1719
Add a Comment
@Luca1719 I'm afraid that doesn't work. Xcode (12.0 beta 4) always displays the svg with black paths as soon as I drag it into an .xcassets.
Posted by
fedo
Up vote reply of fedo Down vote reply of fedo
Add a Comment
It's possible *but* you must also set the rendering mode of the image to be "original". In SwiftUI this is accomplished like this:

Code Block 
Image("my.symbol").renderingMode(.original)

Posted by
Ironwolf
Up vote reply of Ironwolf Down vote reply of Ironwolf
Add a Comment