2

Description

React-Native-Svg have issue for certain svg icon with gradient.

Platform

  1. IOS 13.4
  2. Android 6 and above
  3. react-native-svg - v12.1.0

Issue

  1. Here is the link to the svg file https://svgshare.com/i/L5A.svg
  2. I export using SvgCss and the results is like below
  3. I use react-native-svg-transformer - v0.14.3 show the same results also

How it shows .

it shows like this

This is how it should show .

By right need to show like this

Burhan3759
  • 81
  • 1
  • 4
  • There are two solutions in this GitHub issue: 1) open the file in a different editor and re-save it; 2) validate the file and make changes. https://github.com/react-native-community/react-native-svg/issues/1292 – Rebecca Campbell Sep 09 '20 at 23:50
  • 1
    Neither of those actually worked for me, though while editing the file, I found a `` tag that had no stops defined. It did not show as a validation error. But deleting it did solve my issue and didn't change the image in any way I could perceive. – Rebecca Campbell Sep 10 '20 at 00:08

0 Answers0