Multi-colored custom SF Symbols

Question

Created Jul ’20

Replies 3

Boosts 0

Views 2.2k

Participants 3

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?

Boost

Answer 1

Luca1719 OP

Aug ’20

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.

0

Answer 2

fedo OP

Aug ’20

@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.

0

Answer 3

Ironwolf OP

Jan ’21

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)

0