SVG in CSS backgrounds

Method of using SVG images as CSS backgrounds

Spec	http://www.w3.org/TR/css3-background/#background-image
Status	W3C Candidate Recommendation

IE	Edge	Firefox	Chrome	Safari	Opera
		57	62
		56	61	TP	48
	16	55	60	11	47
11	15	54	59	10.1	46
10	14	53	58	10	45
9	13	52	57	9.1	44
8	12	51	56	9	43
Show all
7		50	55	8	42
6		49	54	7.1	41
5.5		48	53	7	40
		47	52	6.1	39
		46	51	6	38
		45	50	5.1	37
		44	49	5	36
		43	48	4 ⁽¹⁾	35
		42	47	3.2 ⁽¹⁾	34
		41	46	3.1	33
		40	45		32
		39	44		31
		38	43		30
		37	42		29
		36	41		28
		35	40		27
		34	39		26
		33	38		25
		32	37		24
		31	36		23
		30	35		22
		29	34		21
		28	33		20
		27	32		19
		26	31		18
		25	30		17
		24	29		16
		23 ⁽²⁾	28		15
		22 ⁽²⁾	27		12.1
		21 ⁽²⁾	26		12
		20 ⁽²⁾	25		11.6
		19 ⁽²⁾	24		11.5
		18 ⁽²⁾	23		11.1
		17 ⁽²⁾	22		11
		16 ⁽²⁾	21		10.6
		15 ⁽²⁾	20		10.5
		14 ⁽²⁾	19		10.0-10.1
		13 ⁽²⁾	18		9.5-9.6
		12 ⁽²⁾	17		9
		11 ⁽²⁾	16
		10 ⁽²⁾	15
		9 ⁽²⁾	14
		8 ⁽²⁾	13
		7 ⁽²⁾	12
		6 ⁽²⁾	11
		5 ⁽²⁾	10
		4 ⁽²⁾	9
		3.6	8
		3.5	7
		3	6
		2	5
			4

Notes

Partial support in iOS Safari and older Safari versions refers to failing to support tiling or the background-position property.
Partial support in older Firefox and Opera Mini/Mobile refers to SVG images being blurry when scaled.

Opera messes background repeat when changing zoom level: known issue in Opera's private bug tracker (CORE-33071)
IE 10 Mobile does not always provide crisp SVG backgrounds, particularly when zooming in.
Android 2.x will not display the fallback background-image in addition to not displaying the SVG if it is implemented using multiple background-image properties on the same element. (e.g. PNG background-image fallback + SVG background-image)

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=svg-css