Can not open specific SVG (It works in browsers)

[m.vlad]

I've got this svg file I saved from https://designs.ai/graphicmaker/illustration/243-public-transport-bicycle (I attached my saved file) that, when I try to open it in Affinity I'll get a "The file type not supported" error, even though it shows up fine when loaded in a browser. I've used the png option to export from said website instead but now having the svg option would really  help in a larger scale usage. Can someone look into this?

bike illustration.svg

[Sean P]

Hi m.vlad,

Thanks for the file. It is the height of the SVG being set to 'Auto' that is causing Designer issues - changing this to 100% will allow you to open the file.

I will get this passed on to development to see if any improvements can be made.

[Jowday]

On 5/19/2020 at 11:48 AM, Sean P said:

Hi m.vlad,

Thanks for the file. It is the height of the SVG being set to 'Auto' that is causing Designer issues - changing this to 100% will allow you to open the file.

I will get this passed on to development to see if any improvements can be made.

The colours are also wrong.

Inkscape:

🥳 Serif Drawplus X8 (!):

Adobe Photoshop CC 2020:

And then finally ... Affinity:

Interestingly Chrome and Firefox renders like this:

While Edge renders it like Photoshop, Inkscape etc.

[m.vlad]

2 hours ago, Jowday said:

The colours are also wrong.

Inkscape:

🥳 Serif Drawplus X8 (!):

Adobe Photoshop CC 2020:

And then finally ... Affinity:

Interestingly Chrome and Firefox renders like this:

While Edge renders it like Photoshop, Inkscape etc.

That is also true. the browser render is the colour accurate one.