Decrease border width of SF Symbol

159 Views Asked by At

Decrease border width of the image, Its SF Symbol, I tried different ways but its not working

struct CheckboxView: View {
    var isSelected: Bool
    var size: CGSize = CGSize(width: 30, height: 30)
    var body: some View {
        Image(systemName: isSelected ? "rectangle.inset.filled" : "rectangle")
            .resizable()
            .frame(width: size.width, height: size.height)
    }
}

struct CheckboxView_Previews: PreviewProvider {
    static var previews: some View {
        CheckboxView(isSelected: false)
    }
}

Currently enter image description here

To this enter image description here

1

There are 1 best solutions below

0
vadian On BEST ANSWER

Is

Image(systemName: isSelected ? "rectangle.inset.filled" : "rectangle")
    .resizable()
    .fontWeight(.light) // <--

or even

Image(systemName: isSelected ? "rectangle.inset.filled" : "rectangle")
    .resizable()
    .fontWeight(.ultraLight) // <--

thin enough?