---
title: hierarchical
framework: swiftui
role: symbol
role_heading: Type Property
path: swiftui/symbolrenderingmode/hierarchical
---

# hierarchical

A mode that renders symbols as multiple layers, with different opacities applied to the foreground style.

## Declaration

```swift
static let hierarchical: SymbolRenderingMode
```

## Discussion

Discussion SwiftUI fills the first layer with the foreground style, and the others the secondary, and tertiary variants of the foreground style. You can specify these styles explicitly using the foregroundStyle(_:_:) and foregroundStyle(_:_:_:) modifiers. If you only specify a primary foreground style, SwiftUI automatically derives the others from that style. For example, you can render a filled exclamation mark triangle with purple as the tint color for the exclamation mark, and lower opacity purple for the triangle: Image(systemName: "exclamationmark.triangle.fill")     .symbolRenderingMode(.hierarchical)     .foregroundStyle(Color.purple)

## See Also

### Getting symbol rendering modes

- [monochrome](swiftui/symbolrenderingmode/monochrome.md)
- [multicolor](swiftui/symbolrenderingmode/multicolor.md)
- [palette](swiftui/symbolrenderingmode/palette.md)