I am using Inkscape 0.92.1 (4.20170510bzr15686.fc26) on Fedora 26.
To verify the issue, I also exported the SVG in Inkscape, but both files are rendered incorectly on my system.
Original SVG: https://cdn.rawgit.com/rugk/streetcomplete-quest-svgs/7098e53fbc2d7c4ab737c2d32576b67b771d15f5/inkscape/StreetComplete_quest_crossing.svg
Optimized SVG: https://cdn.rawgit.com/rugk/streetcomplete-quest-svgs/7098e53fbc2d7c4ab737c2d32576b67b771d15f5/optimized/StreetComplete_quest_crossing.svg
(Maybe it works in the browser, try saving the files and opening them in another way, then.)
How it should look
This is how it looks:
- on GitHub (even on my system; they use some custom SVG renderer or so)
- in Inkscape on my system itself (also the preview in the opening/saving dialog looks correct)
How it looks
Opening the plain SVG file in
- in BrowserStack for Windows and MacOS and other systems
- Eye of GNOME and other picture viewers
- Firefox 55
- and GIMP (2.8.22)
…they however always look distorted:
So what (or where) is the issue, i.e. who is responsible? Is it a bug in Inkscape or in the rendering library used on my system or is it the SVG's fault?
Edit: Now I even see the correct ones in the version without the bug fix when opening the files with Firefox. Still reproducible with other offline software, however.