SVG Browser Support — Compatibility Table & Fallback Guide
SVG as CSS background-image data URIs is supported by all modern browsers. Global support is currently above 98% worldwide.
Support Table
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
SVG as background-image | ✓ | ✓ | ✓ | ✓ |
| SVG data URIs in CSS | ✓ | ✓ | ✓ | ✓ |
SVG filters (feGaussianBlur, etc.) | ✓ | ✓ | ✓ | ✓ |
SVG <pattern> element | ✓ | ✓ | ✓ | ✓ |
SVG <use> + xlink:href | ✓ | ✓ | ✓ | ✓ |
CSS mix-blend-mode on SVG | ✓ | ✓ | ✓ | ✓ |
Older Browsers
If you need to support very old browsers (IE8 and below), use the progressive enhancement approach: provide a solid background-color fallback before the background-image declaration. See How to Use SVG for the code pattern.