Decrease border width of SF Symbol

Question

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

To this

@JoakimDanielson I want to decrease it, I have added this images — Taimur Ajmal, Jun 27 '23 at 13:48
Wouldn´t a Roundedrectangle work too? I think you can use them without filling and adjust their border width — someone, Jun 27 '23 at 13:54

score 0 · Accepted Answer · answered Jun 27 '23 at 14:54

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?

Decrease border width of SF Symbol

1 Answers1