Potential rendering problem in new purple icon

[rugk]

To solve #74 I combined the arrow at the bottom into the Mastodon brand/icon and kept everything else, basically.
However, this lead to some rendering bugs in some software.

Aim

This was the end result I got (PNG here):

First broken version

First I had this Inkscape SVG:

In Inkscape, this renders properly as that:

In Firefox, this renders as this, however:

Note how the arrow is just missing here.

Also notice that saving the SVG as optimized did not help in any way.

Second version

I re-did the whole thing as I may have done something wrong (I e.g. used the "Clean" option in Inkscape's File menu), and got the current version now:

Here another direct upload to keep the state of the SVG;

This renders broken too in Firefox and my file explorer (GNOME Nautilus) and image viewer (Eye of GNOME):

However, if saved as "Optimized SVG", it works now:

This renders properly in Firefox:

GNOME, however, again handles this a little awkwardly:

System

Operating system and version: Fedora Silverblue 37
Browser and version: Firefox 107.0.1

Possible solution

Given that the optimized version works in Firefox, this was okay for me to release.

However, I have a PR ready should we need to switch to the PNG icon: #91

[rugk]

Asked for help on Stackexchange: https://graphicdesign.stackexchange.com/questions/159579/svg-gradient-and-mask-from-inkscape-not-being-rendered-in-some-software

[saschanaz]

Interesting, have you also reported this either to browsers or Inkscape?

[rugk]

Interesting, have you also reported this either to browsers or Inkscape?

The Inkscape bug sounds as if it was already known. The browser and GNOME Eye, I dunno, but I expected this to be some basic incompatibility. I have tried to find bug reports and added them in the comments here, so maybe this will cause some replies.
If you find other bug reports or want to report them, feel free to do so and comment the results.