SF Symbol image color in the menu bar

Question

Created Oct ’23

Replies 4

Boosts 1

Views 1.1k

Participants 4

I can set color of the SF symbol image in the application window but cannot do the same in the menu bar. I wonder how I can change the color in the menu?

import SwiftUI

@main
struct ipmenuApp: App {
    var body: some Scene {
        MenuBarExtra {
            Image(systemName: "bookmark.circle.fill")
                .renderingMode(.original)
                .foregroundStyle(.red)
        } label: {
            Image(systemName: "bookmark.circle.fill")
                .renderingMode(.original)
                .foregroundStyle(.red)
        }
    }
}

xcodebuild -version
Xcode 15.0
Build version 15A240d

Boost

Answer 1

egor10_4 OP

Oct ’23

I also wonder if it's supported at all?

0

Answer 2

Michael_Hewitt OP

Oct ’23

Crickets. Inquiring minds want to know...

0

Answer 3

Matteo71 OP

Jan ’24

resize does not work either

xcodebuild -version Xcode 15.1 Build version 15C65

0

Answer 4

that70schris OP

Jun ’24

I was able to get it to work with:

Image(
  nsImage: NSImage(
    systemSymbolName: "bookmark.circle.fill",
    accessibilityDescription: nil
  )?.withSymbolConfiguration(
    NSImage.SymbolConfiguration()
      .applying(.preferringMulticolor())
  )
)

I'm sure NSImage.SymbolConfiguration() has other options including what you're looking for

0