How can I refer to an internal gradient definition inside an SVG sprite symbol?

Question

SUMMARY: An SVG sprite contains five icon blocks, one of which references its own gradient definition by ID. It is no longer able to find t

Answer 1

Don't use style="display: none;" in SVG. You have it on the root element. Either visibility:hidden, height/width="0" or are better alternatives.

There used to be a bug in Firefox with gradient elements in symbols. That bug was fixed many versions ago now. The original code works as expected.