SVG vector-effect: non-scaling-stroke

The non-scaling-stroke value for the vector-effect SVG attribute/CSS property makes strokes appear as the same width regardless of any transformations applied.

Chrome

4 - 14: Support unknown
15 - 106: Supported
107: Supported
108 - 110: Supported

Edge

12 - 18: Not supported
79 - 106: Supported
107: Supported

Safari

3.1 - 5: Not supported
5.1 - 16.0: Supported
16.1: Supported
16.2 - TP: Supported

Firefox

2 - 14: Not supported
15 - 106: Supported
107: Supported
108 - 109: Supported

Opera

9 - 11.5: Not supported
11.6 - 91: Supported
92: Supported

IE

5.5 - 10: Not supported
11: Not supported

Chrome for Android

107: Supported

Safari on iOS

3.2 - 4.3: Support unknown
5 - 16.0: Supported
16.1: Supported

Samsung Internet

4 - 18.0: Supported
19.0: Supported

Opera Mini

all: Supported

Opera Mobile

10 - 11.5: Not supported
12 - 12.1: Supported
72: Supported

UC Browser for Android

13.4: Supported

Android Browser

2.1 - 4.3: Support unknown
4.4 - 4.4.4: Supported
107: Supported

Firefox for Android

106: Supported

QQ Browser

13.1: Supported

Baidu Browser

13.18: Supported

KaiOS Browser

2.5: Supported

Other values for the vector-effect attribute/property are currently at risk of being removed from the specification as they are not being developed by browser vendors.

Resources:: Chromium implementation bug for other values; Firefox implementation bug for other values; MDN Docs article on vector-effect