SF Symbols — Effects, Rendering, and Custom Symbols

Use This Skill When

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

• API details: references/api-reference.md
• Use platform-native SwiftUI animation guidance in the active repo when the task is broader than symbol behavior.

Example Prompts