Svg did not rendered as expected

Author: sayjeyhiCreated Sep 11, 2020Updated Sep 17, 2020

Reporting a bug or issue.

Expected behavior: I have an SVG file that contains just a path and I want to render it. it renders well in the browser and even in the simulator of react-native.

Observed behavior: render like it was rendered at snack.

How to reproduce: just put this SVG in basic SVG example.

Sketch version: 68.2

the svg file:

javascript

<Svg viewBox="0 0 24 24" fill="currentColor" focusable="false" width="1em" height="1em">
      <Svg.Path d="M14.33 20h-.21a2 2 0 01-1.76-1.58L9.68 6l-2.76 6.4A1 1 0 016 13H3a1 1 0 010-2h2.34l2.51-5.79a2 2 0 013.79.38L14.32 18l2.76-6.38A1 1 0 0118 11h3a1 1 0 010 2h-2.34l-2.51 5.79A2 2 0 0114.33 20z" />
    </Svg>

regular render: Screen Shot 1399-06-21 at 17 24 27

render with react-sketchapp: Screen Shot 1399-06-21 at 17 47 16

Source: airbnb/react-sketchapp

View original on GitHub View discussion on GitHub