UserAgent: Mozilla/5.0 (Windows NT 6.1; Win64; x64; rv:54.0) Gecko/20100101 Firefox/54.0

Example URL:

Steps to reproduce the problem:
1. Take an SVG with a gradient defined inside of it. (attached: store_badge_android.svg)
2. Put it in a sprite SVG (attached: sprite.svg)
3. Include that sprite SVG in a HTML site via a use statement. (attached: index.html)

What is the expected behavior?
The expected behavior is, that the gradient of the Play Store should be shown as in the image I have included in the index.html as reference, which works perfectly fine.

It works fine in Firefox.

What went wrong?
The gradient is not shown.

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 60.0.3112.78   Channel: stable
OS Version: 6.1 (Windows 7)
Flash Version: Shockwave Flash 26.0 r0

From the developer console inspection it looks like the '<defs>' tag is not even present.

If the SVG sprite is included inside the HTML document, it works completely fine.
I guess this makes this a location resolution problem.
 

Deleted: store_badge_android.svg 5.5 KB

store_badge_android.svg 5.5 KB Download

Deleted: sprite.svg 5.3 KB

sprite.svg 5.3 KB Download

Deleted: index.html 184 bytes

index.html 184 bytes View Download