[SwiftUI]SF SymbolsのImage(画像)を複数色にするには？

どうも、ちょげ(@chogetarou)です。

SF SymbolsのImageを複数色にする方法を紹介します。

方法

SF SymbolsのImageを複数色にするには、renderingMode修飾子を使います。

まず、ImageにrenderingMode修飾子を付与します。

そして、renderingMode修飾子の引数に「.original」を指定します。

Image(systemName: "name")
    .renderingMode(.original)

「renderingMode(.original)」を付与することで、SF SymbolsのImageを複数色に出来ます。

使用例

struct ContentView: View {
    var body: some View {
        VStack {
            Image(systemName: "cloud.sun.rain.fill")
                .renderingMode(.original)
                .resizable()
                .frame(width: 200, height: 150)
                .background(Color.gray)
        }
    }
}