colors – SF Symbols render incompletely in widgets on iOS 16

By
Channel969
-
0
145


Several symbols from SF Symbols render incompletely when displayed within Widgets on iOS 16. The issue affects only symbols not rendered in the default monochrome mode, and it affects some but not all multicolor symbols. It affects all widget families, including lockscreen widgets. The issue is visible both on devices and simulators. Symbols do render correctly within apps, but not within widgets, neither Home Screen widgets nor Lock Screen widgets.

As an example, the following widget screenshots have both been generated with the same code below. The first image shows how the widget appears on iOS 15, the second on iOS 16.

iOS 15iOS 16

VStack {
    ForEach(["cloud.sun.rain",
             "square.3.stack.3d.top.filled",
             "bed.double.fill",
             "battery.100.bolt",
            ], id: \.self) { name in
        HStack {
            Image(systemName:name)
            Image(systemName:name).symbolRenderingMode(.hierarchical)
            Image(systemName:name).symbolRenderingMode(.multicolor)
            Image(systemName:name).symbolRenderingMode(.palette)
                .foregroundStyle(.red, .green, .blue)
        }
    }
}

Has anybody observed the same issue? Do you have a workaround?