SFSymbol의 Monochrome, Hierarchical, Palette, Multicolor Mode

SFSymbol이 iOS 15이후부터는 랜더링모드가 추가되어 기본 제공되는 이미지들을 다양한 색상과 함께 사용할 수 있게 되었습니다.

사용할수 있는 모드는 다음과 같습니다.

• Monnochrome (한가지 색상 지원)

// 한가지 색상 사용
Image(systemName: "paintpalette.fill")
  .symbolRenderingMode(.monochrome)
  .foregroundStyle(.red)

• Hierarchical (한가지 색상 지원, 레벨에 따라 불투명도 설정)

// 한가지 색상 지원, 레벨에 따라 불투명도 설정
Image(systemName: "person.3.sequence")
  .symbolRenderingMode(.hierarchical)
  .foregroundStyle(.red)

• Palette (레이이어당 색상 지원)

// 레이어당 색상 지원
Image(systemName: "person.3.sequence")
  .symbolRenderingMode(.palette)
  .foregroundStyle(.red, .green, .blue)

• Multicolor (일부분에 한해 시스템에 정의된 고유 색상 적용)

// 시스템에 정의된 고유 색상 적용
Image(systemName: "paintpalette.fill")
  .symbolRenderingMode(.multicolor)
  .foregroundStyle(.red)

 

- 참고로 각 symbol별로 사용가능한 모드에 대해서 SF Symbols Tool에서 확인 가능합니다.