Today I Learned

Disappearing gradient from SVG

If we have two (or more) instances of an svg icon with a gradient and we hide the first one, the gradients in other icons disappear. This happens only if we hide it with display: none , because it cannot find the source of the gradient (eg. fill = “url (‘#gradient1’)”). It does not matter if the gradient is defined again in the second svg, always the first id is the source. Podziękowania dla Janka!

SVG-disappear