Значок SVG из Sketch поврежден

Question

У меня есть значок в Sketch, но когда я экспортирую его в SVG, он как-то поврежден. Я понятия не имею, почему и как это решить. Вы можете мне помочь?

Результат:

Источник: http://test.marekcernak.cz/leave.sketch

Answer 1

Кажется, что у вас есть столкновение стилей с другими SVG, которые вы экспортировали для использования на той же странице. Убедитесь, что вы используете уникальные имена для id а также class атрибутов.

Answer 2

Перерисуйте свой дизайн листа, чтобы избежать пересечения путей.

Я не использую Sketch, но были похожие вопросы, касающиеся Sketch и проблем, связанных с несовместимой поддержкой fill-rule (известное правило). Например, посмотрите на этот вопрос.

Если вы исправите перекрытия, я считаю, что вы должны получить гораздо лучшие результаты при экспорте в SVG.