SVG favicons
SVG favicons
Icon used by browsers to identify a webpage or site. While all browsers support the .ico
format, the SVG format can be preferable to more easily support higher resolutions or larger icons.
Spec | https://html.spec.whatwg.org/multipage/semantics.html#rel-icon |
---|---|
Status | WHATWG Living Standard |
IE | Edge | Firefox | Chrome | Safari | Opera |
---|---|---|---|---|---|
57 (4) | 62 | ||||
56 (4) | 61 | TP (3) | 48 | ||
16 | 55 (4) | 60 | 11 (3) | 47 | |
11 | 15 | 54 (4) | 59 | 10.1 (3) | 46 |
10 | 14 | 53 (4) | 58 | 10 (3) | 45 |
9 | 13 | 52 (4) | 57 | 9.1 (3) | 44 |
8 | 12 | 51 (4) | 56 | 9 (3) | 43 |
Show all | |||||
7 | 50 (4) | 55 | 8 | 42 | |
6 | 49 (4) | 54 | 7.1 | 41 | |
5.5 | 48 (4) | 53 | 7 | 40 | |
47 (4) | 52 | 6.1 | 39 | ||
46 (4) | 51 | 6 | 38 | ||
45 (4) | 50 | 5.1 | 37 | ||
44 (4) | 49 | 5 | 36 | ||
43 (4) | 48 | 4 | 35 | ||
42 (4) | 47 | 3.2 | 34 | ||
41 (4) | 46 | 3.1 | 33 | ||
40 (2) | 45 | 32 | |||
39 (2) | 44 | 31 | |||
38 (2) | 43 | 30 | |||
37 (2) | 42 | 29 | |||
36 (2) | 41 | 28 | |||
35 (2) | 40 | 27 | |||
34 (2) | 39 | 26 | |||
33 (2) | 38 | 25 | |||
32 (2) | 37 | 24 | |||
31 (2) | 36 | 23 | |||
30 (2) | 35 | 22 | |||
29 (2) | 34 | 21 | |||
28 (2) | 33 | 20 | |||
27 (2) | 32 | 19 | |||
26 (2) | 31 | 18 | |||
25 (2) | 30 | 17 | |||
24 (2) | 29 | 16 | |||
23 (2) | 28 | 15 | |||
22 (2) | 27 | 12.1 | |||
21 (2) | 26 | 12 | |||
20 (2) | 25 | 11.6 | |||
19 (2) | 24 | 11.5 | |||
18 (2) | 23 | 11.1 | |||
17 (2) | 22 | 11 | |||
16 (2) | 21 | 10.6 | |||
15 (2) | 20 | 10.5 | |||
14 (2) | 19 | 10.0-10.1 | |||
13 (2) | 18 | 9.5-9.6 | |||
12 (2) | 17 | 9 | |||
11 (2) | 16 | ||||
10 (2) | 15 | ||||
9 (2) | 14 | ||||
8 (2) | 13 | ||||
7 (2) | 12 | ||||
6 (2) | 11 | ||||
5 (2) | 10 | ||||
4 (2) | 9 | ||||
3.6 | 8 | ||||
3.5 | 7 | ||||
3 | 6 | ||||
2 | 5 | ||||
4 |
iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|
11 (3) | |||||||||||
10.3 (3) | all (1) | 56 | 10 (1) | 37 (1) | 59 | 54 | 11 (1) | 11.4 | 5 | 1.2 | 7.12 |
10.0-10.2 (3) | 4.4.3-4.4.4 | 7 | 12.1 (1) | 10 (1) | 4 | ||||||
9.3 (3) | 4.4 | 12 (1) | |||||||||
9.0-9.2 (3) | 4.2-4.3 | 11.5 (1) | |||||||||
Show all | |||||||||||
8.1-8.4 (1) | 4.1 | 11.1 (1) | |||||||||
8 (1) | 4 | 11 (1) | |||||||||
7.0-7.1 (1) | 3 | 10 (1) | |||||||||
6.0-6.1 (1) | 2.3 | ||||||||||
5.0-5.1 (1) | 2.2 | ||||||||||
4.2-4.3 (1) | 2.1 | ||||||||||
4.0-4.1 (1) | |||||||||||
3.2 (1) |
Notes
See also PNG favicons.
Does not use favicons at all
Partial support in Firefox before version 41 refers to only loading the SVG favicon the first time, but not on subsequent loads.
Safari 9 has support for "pinned tab" SVG icons, but this requires an unofficial
rel="mask-icon"
to be set and only works for all-black icons on Pinned Tabs.Firefox requires the served mime-type to be 'image/svg+xml'.
Resources
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
http://caniuse.com/#feat=link-icon-svg