How can I make an SF symbol horizontally align centered in SwiftUI?

Question

I have a SwiftUI Image view that displays only an SF symbol:

GeometryReader { g in
    Image(systemName: "a.square")
        .font(.system(size: g.size.width))
    }
}

It renders like this:

I tried modifying the view with the .multilineTextAlignment(.center) modifier to center it, and that didn't do anything.

Answer 1

You can try adding this command line for it:

.position(x: g.size.width / 2, y: g.size.width / 2)

The code you wrote looks like this:

GeometryReader { g in
   Image(systemName: "a.square")
       .font(.system(size: g.size.width))
       .position(x: g.size.width / 2, y: g.size.width / 2)
}

}