[Bug]: Secondary hero shelf icons are not displayed on Chrome

[ioanarusiczki]

What happened?

Open with Chrome
https://addons.mozilla.org/en-US/firefox/
https://addons.allizom.org/en-US/firefox/

It's not reproducible with Edge

What did you expect to happen?

Secondary Hero module icon should be displayed

I can see one icon on dev

Is there an existing issue for this?

• I have searched the existing issues

┆Issue is synchronized with this Jira Task

[diox]

What version of Chrome ? Any errors in the devtools console ? Any errors in the devtools network tab ? I can't reproduce with Version 123.0.6312.122 (Official Build) (64-bit) on Linux.

[ioanarusiczki]

It's 124.0.6367.92 (Official Build) (64-bit) on Win(10) up to date and I don't see errors.

There's 2 icons which are visible
https://addons-dev.allizom.org/static-server/img/hero/icons/Mail.9a970568c203.svg
or https://addons-dev.allizom.org/static-server/img/hero/icons/Secure.2b8fa09151af.svg

Checking secondary hero shelf module with Chrome I see this:

[diox]

Just reproduced now on Linux. Like you I can only load those 2 icons. No errors in console, the SVG loads but nothing is displayed. No issues in Firefox.

[diox]

Looks like if I remove the fill="context-fill" from these svg the problem goes away... Given that we aren't using those as masks I think we should do that.

[diox]

(Not deployed yet on dev despite being closed, watch the slack channel for when deployments resume on dev)

[ioanarusiczki]

Verified on -dev, Win(10)

Homepage:

Admin: