SketchのSVGアイコンが壊れています

Question

Sketchにアイコンがありますが、SVGにエクスポートすると何とか壊れてしまいます。なぜ、どうやってそれを解決するのか分かりません。手伝って頂けますか？

結果：

出典：http://test.marekcernak.cz/leave.sketch

Answer 1

が自分自身と重なってパスを避けるために、あなたの葉のデザインを再描画します。

私はSketchを使用していませんが、Sketchに関する同様の質問や、fill-rule（a.k.a. windingルール）の互換性のないサポートに関する問題があります。例えば、see this this question。

オーバーラップを修正すると、SVGに書き出すときにはるかに良い結果が得られるはずです。

Answer 2

同じページで使用するためにエクスポートした他のSVGとのスタイルの衝突があるようです。 idとclass属性に一意の名前を使用するようにしてください。