Skill Wiki
Ios Sf Symbols Rendering Modes
SF Symbols support four rendering modes — monochrome, hierarchical, palette, and multicolor — each with a distinct visual purpose and SwiftUI symbolRenderingMode API.
$ prime install @community/fact-ios-sf-symbols-rendering-modesProjection
Always in _index.xml · the agent never has to ask for this.
IosSfSymbolsRenderingModes [fact] v1.0.0
SF Symbols support four rendering modes — monochrome, hierarchical, palette, and multicolor — each with a distinct visual purpose and SwiftUI symbolRenderingMode API.
Loaded when retrieval picks the atom as adjacent / supporting.
IosSfSymbolsRenderingModes [fact] v1.0.0
SF Symbols support four rendering modes — monochrome, hierarchical, palette, and multicolor — each with a distinct visual purpose and SwiftUI symbolRenderingMode API.
Evidence
- monochrome: single color, default rendering; use for simple decorative icons. .symbolRenderingMode(.monochrome).
- hierarchical: single hue with automatic opacity layers creating depth; use for icons with visual layering. .symbolRenderingMode(.hierarchical).
- palette: explicit per-layer colors for custom two-tone icons. .symbolRenderingMode(.palette).foregroundStyle(.red, .blue).
- multicolor: system-defined per-layer colors with inherent semantic meaning (battery level, weather icons). .symbolRenderingMode(.multicolor).
- Choose multicolor for symbols that Apple ships with intended per-layer colors; choose palette for brand-specific two-tone customization.
Loaded when retrieval picks the atom as a focal / direct hit.
IosSfSymbolsRenderingModes [fact] v1.0.0
SF Symbols support four rendering modes — monochrome, hierarchical, palette, and multicolor — each with a distinct visual purpose and SwiftUI symbolRenderingMode API.
Evidence
- monochrome: single color, default rendering; use for simple decorative icons. .symbolRenderingMode(.monochrome).
- hierarchical: single hue with automatic opacity layers creating depth; use for icons with visual layering. .symbolRenderingMode(.hierarchical).
- palette: explicit per-layer colors for custom two-tone icons. .symbolRenderingMode(.palette).foregroundStyle(.red, .blue).
- multicolor: system-defined per-layer colors with inherent semantic meaning (battery level, weather icons). .symbolRenderingMode(.multicolor).
- Choose multicolor for symbols that Apple ships with intended per-layer colors; choose palette for brand-specific two-tone customization.
Evidence
- monochrome: single color, default rendering; use for simple decorative icons. .symbolRenderingMode(.monochrome).
- hierarchical: single hue with automatic opacity layers creating depth; use for icons with visual layering. .symbolRenderingMode(.hierarchical).
- palette: explicit per-layer colors for custom two-tone icons. .symbolRenderingMode(.palette).foregroundStyle(.red, .blue).
- multicolor: system-defined per-layer colors with inherent semantic meaning (battery level, weather icons). .symbolRenderingMode(.multicolor).
- Choose multicolor for symbols that Apple ships with intended per-layer colors; choose palette for brand-specific two-tone customization.
Source
prime-system/examples/frontend-design/primes/compiled/@community/fact-ios-sf-symbols-rendering-modes/atom.yaml