Autumn Sale50% offCOMPOT
SF Symbols & AnimationsFree ComponentiOS 16.0+Xcode 15+

Multicolor Symbol Variable Reversing

Reversing cyclic animation on variable SF Symbols.

SwiftUI Implementation

Pure Vanilla Swift • No Dependencies
MulticolorSymbolVariableReversing.swift
import SwiftUI

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

#Preview {
    MulticolorSymbolVariableReversing()
}

Ready to copy and paste directly into any Xcode project running iOS 16.0+.

Recommended Use Cases

  • First-run onboarding flows and feature introductions
  • Dashboard overviews, stats tracking, and metric highlights

Component Details

iOS Compatibility
iOS 16.0+
Xcode Version
Xcode 15+
Platform
iOS
License Tier
Free
Themes & Contexts
onboardingdashboard
Keywords
symbolimage
C

Compot for iOS

Native SwiftUI playground app

Preview all 130+ components interactively on your device and copy code straight to Xcode with 1 tap.

Get Compot on the App Store