Perspective: How to fix stroke widths when resizing SVGs

How can I fix/preserve the stroke width of an embedded SVG when the component is resized?

I have a generic 24px square SVG that I want to embed and then resize to 200x5px. However when I add a style and set the shape stroke to 2px, the resize is obviously affecting the stroke as well. In Inkscape this is an option when resizing objects.

image

1 Like

I found the answer.
Add this to the style:
vector-path:non-scaling-stroke
image

1 Like

In my case it was vector-effect?

image

2 Likes

I think you’re right… Not sure where my screenshot came from :confused: