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)

Related Skills

• 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

Example Prompts