SF Symbols — Effects, Rendering, and Custom Symbols

When to Use This Skill

Use when:

Choosing between rendering modes (Monochrome, Hierarchical, Palette, Multicolor)
Implementing symbol effects or animations (Bounce, Pulse, Scale, Wiggle, Rotate, Breathe, Draw)
Working with SF Symbols 7 Draw On/Off animations
Creating custom symbols in the SF Symbols app
Troubleshooting symbol colors, effects not playing, or weight mismatches
Deciding which effect matches a specific UX purpose
Handling accessibility with symbol animations (Reduce Motion)

Use axiom-sf-symbols-ref for complete API reference with all modifiers, UIKit equivalents, and platform availability matrix
Use axiom-swiftui-animation-ref for general SwiftUI animation (not symbol-specific)
Use axiom-hig-ref for broader icon design guidelines