SwiftUI SF Symbols & Animations

import SwiftUI

struct MulticolorSymbolBasic: View {
    var body: some View {
        Image(systemName: "rainbow")
        .font(.system(size: 64))
        .symbolRenderingMode(.multicolor)
    }
}

#Preview {
    MulticolorSymbolBasic()
}

import SwiftUI

struct MulticolorSymbolVariable: View {
    var body: some View {
        Image(systemName: "rainbow")
        .font(.system(size: 64))
        .symbolRenderingMode(.multicolor)
        .symbolEffect(.variableColor)
    }
}

#Preview {
    MulticolorSymbolVariable()
}

import SwiftUI

struct MulticolorSymbolVariableIterative: View {
    var body: some View {
        Image(systemName: "rainbow")
        .font(.system(size: 64))
        .symbolRenderingMode(.multicolor)
        .symbolEffect(.variableColor.iterative)
    }
}

#Preview {
    MulticolorSymbolVariableIterative()
}

import SwiftUI

struct MulticolorSymbolVariableReversing: View {
    var body: some View {
        Image(systemName: "rainbow")
        .font(.system(size: 64))
        .symbolRenderingMode(.multicolor)
        .symbolEffect(.variableColor.hideInactiveLayers.reversing)
    }
}

#Preview {
    MulticolorSymbolVariableReversing()
}