<Mask> does not inherit stroke properties from parent <Svg> in React Native

AFxhLbre

N/A

-1px x -1px

457 bytes

361 bytes-21%

<svg style="background-color:white justify-content:center align-items:center" height="100" width="100" viewBox="0 0 100 100" stroke="currentColor" fill="none">
        <mask id="a">
          <rect stroke="none" fill="#fff" height="100%" width="100%"></rect>
          <path d="M27 41h46M27 75h46M27 58h46" stroke="#000"></path>
        </mask>
        <rect rx="6" mask="url(#a)" fill="currentColor" y="8" x="16" height="84" width="68"></rect>
      </svg>

Upload

100%

SVGViewer

-1px x -1px

457 bytes

361 bytes-21%

<svg style="background-color:white justify-content:center align-items:center" height="100" width="100" viewBox="0 0 100 100" stroke="currentColor" fill="none">
        <mask id="a">
          <rect stroke="none" fill="#fff" height="100%" width="100%"></rect>
          <path d="M27 41h46M27 75h46M27 58h46" stroke="#000"></path>
        </mask>
        <rect rx="6" mask="url(#a)" fill="currentColor" y="8" x="16" height="84" width="68"></rect>
      </svg>

Upload

100%