Image corruption when coded vector image with responsive support

[InsurTechLab-Amp]

Describe the feature you'd like to request

The following is the auto-generated
The ViewBox portion of the code should not contain a backslash to allow for overriding

"overrides": {
  "icon": {
    "width": "47.26px",
    "height": "36.14px",
    "viewBox": "{\"minX\":0,\"minY\":0,\"width\":47.2599983215332,\"height\":36.13999938964844}",
    "paths": [
      {
        "d": "M 46.70122812182419 4.753108730...",
        "fillRule": "nonzero"
      },
      {
        "d": "M46.7012 4.75311 L42.0262 0.39045...",
        "fill": "rgba(239,240,240,1)",
        "fillRule": "nonzero"
      }
    ]
  },
  "CircleCheckboxSvg": {
    "width": "62px",
    "height": "62px",
    "borderRadius": "62px"
  }
}

Describe your use case and how the feature would improve your experience.

Vector images that are responsive can be used, and free image creation can be done in Figma format.

Describe alternatives you've considered

We use PNG images instead of vector images

Additional context

No response