Trouble using more than one color with SF Symbols in tinted mode

Question

Created Sep ’24

Replies 1

Boosts 0

Participants 2

When a widget is using the new tinted mode in iOS 18 the Weather app shows the SF Symbols in both white and the tint color. For example, a tinted sun with a white arrow for sunrise.

I can't figure out how to do this. If I add widgetAccentable to the Image(systemName:) the entire Image becomes the tint color.

If I don't use it no combination of rendering mode or foreground style makes the tint color appear.

I can't find any mention of this in the WWDC sessions.

Boost

Answer 1

Vision Pro Engineer OP

Apple

Sep ’24

Hi @shiftingsand ,

You can use multicolor rendering mode to do this.

Image(systemName: "sun.horizon.fill")
            .symbolRenderingMode(.multicolor)

0