# 3 Weird SVG Browser Inconsistencies

DevFeed: [3 Weird SVG Browser Inconsistencies](<https://devfeed.tech/articles/3-weird-svg-browser-inconsistencies-28855.md>)

Original publisher: [Read original article](<https://una.im/weird-svg-issues/>)

Published: 2016-08-01T00:00:00Z

Content type: tutorial

Language: en

Sources: [Una Kravets](<https://devfeed.tech/sources/una-kravets.md>)

Topics: [SVG](<https://devfeed.tech/topics/svg.md>), [browser](<https://devfeed.tech/topics/browser.md>), [bug](<https://devfeed.tech/topics/bug.md>), [CSS](<https://devfeed.tech/topics/css.md>), [Web Development](<https://devfeed.tech/topics/web-development.md>)

Tags: [browser](<https://devfeed.tech/tags/browser.md>), [bug](<https://devfeed.tech/tags/bug.md>), [chrome](<https://devfeed.tech/tags/chrome.md>), [css](<https://devfeed.tech/tags/css.md>), [firefox](<https://devfeed.tech/tags/firefox.md>), [interface](<https://devfeed.tech/tags/interface.md>), [javascript](<https://devfeed.tech/tags/javascript.md>), [svg](<https://devfeed.tech/tags/svg.md>)

## AI overview

This article examines three browser inconsistencies affecting SVGs, focusing on Firefox issues with gradient fills in symbol-sprite systems. It explains how SVG definitions and references behave across browsers and describes a workaround involving a separate SVG file.

## Source excerpt

This post started with a simple search and turned into a trove of undocumented knowledge I discovered about finicky cross-browser SVG properties.