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 |
---|---|---|---|---|---|
98 (3,4) | |||||
95 (3) | 97 (3,4) | ||||
94 (3) | 96 (3,4) | TP | |||
11 | 95 (3,4) | 93 (3) | 95 (3,4) | 15 | 80 (3,4) |
10 | 94 (3,4) | 92 (3) | 94 (3,4) | 14.1 | 79 (3,4) |
9 | 93 (3,4) | 91 (3) | 93 (3,4) | 14 | 78 (3,4) |
8 | 92 (3,4) | 90 (3) | 92 (3,4) | 13.1 | 77 (3,4) |
Show all | |||||
7 | 91 (3,4) | 89 (3) | 91 (3,4) | 13 | 76 (3,4) |
6 | 90 (3,4) | 88 (3) | 90 (3,4) | 12.1 | 75 (3,4) |
5.5 | 89 (3,4) | 87 (3) | 89 (3,4) | 12 | 74 (3,4) |
88 (3,4) | 86 (3) | 88 (3,4) | 11.1 | 73 (3,4) | |
87 (3,4) | 85 (3) | 87 (3,4) | 11 | 72 (3,4) | |
86 (3,4) | 84 (3) | 86 (3,4) | 10.1 | 71 (3,4) | |
85 (3,4) | 83 (3) | 85 (3,4) | 10 | 70 (3,4) | |
84 (3,4) | 82 (3) | 84 (3,4) | 9.1 | 69 (3,4) | |
83 (3,4) | 81 (3) | 83 (3,4) | 9 | 68 (3,4) | |
81 (3,4) | 80 (3) | 81 (3,4) | 8 | 67 (3,4) | |
80 (3,4) | 79 (3) | 80 (3,4) | 7.1 | 66 | |
79 | 78 (3) | 79 | 7 | 65 | |
18 | 77 (3) | 78 | 6.1 | 64 | |
17 | 76 (3) | 77 | 6 | 63 | |
16 | 75 (3) | 76 | 5.1 | 62 | |
15 | 74 (3) | 75 | 5 | 60 | |
14 | 73 (3) | 74 | 4 | 58 | |
13 | 72 (3) | 73 | 3.2 | 57 | |
12 | 71 (3) | 72 | 3.1 | 56 | |
70 (3) | 71 | 55 | |||
69 (3) | 70 | 54 | |||
68 (3) | 69 | 53 | |||
67 (3) | 68 | 52 | |||
66 (3) | 67 | 51 | |||
65 (3) | 66 | 50 | |||
64 (3) | 65 | 49 | |||
63 (3) | 64 | 48 | |||
62 (3) | 63 | 47 | |||
61 (3) | 62 | 46 | |||
60 (3) | 61 | 45 | |||
59 (3) | 60 | 44 | |||
58 (3) | 59 | 43 | |||
57 (3) | 58 | 42 | |||
56 (3) | 57 | 41 | |||
55 (3) | 56 | 40 | |||
54 (3) | 55 | 39 | |||
53 (3) | 54 | 38 | |||
52 (3) | 53 | 37 | |||
51 (3) | 52 | 36 | |||
50 (3) | 51 | 35 | |||
49 (3) | 50 | 34 | |||
48 (3) | 49 | 33 | |||
47 (3) | 48 | 32 | |||
46 (3) | 47 | 31 | |||
45 (3) | 46 | 30 | |||
44 (3) | 45 | 29 | |||
43 (3) | 44 | 28 | |||
42 (3) | 43 | 27 | |||
41 (3) | 42 | 26 | |||
40 (2) | 41 | 25 | |||
39 (2) | 40 | 24 | |||
38 (2) | 39 | 23 | |||
37 (2) | 38 | 22 | |||
36 (2) | 37 | 21 | |||
35 (2) | 36 | 20 | |||
34 (2) | 35 | 19 | |||
33 (2) | 34 | 18 | |||
32 (2) | 33 | 17 | |||
31 (2) | 32 | 16 | |||
30 (2) | 31 | 15 | |||
29 (2) | 30 | 12.1 | |||
28 (2) | 29 | 12 | |||
27 (2) | 28 | 11.6 | |||
26 (2) | 27 | 11.5 | |||
25 (2) | 26 | 11.1 | |||
24 (2) | 25 | 11 | |||
23 (2) | 24 | 10.6 | |||
22 (2) | 23 | 10.5 | |||
21 (2) | 22 | 10.0-10.1 | |||
20 (2) | 21 | 9.5-9.6 | |||
19 (2) | 20 | 9 | |||
18 (2) | 19 | ||||
17 (2) | 18 | ||||
16 (2) | 17 | ||||
15 (2) | 16 | ||||
14 (2) | 15 | ||||
13 (2) | 14 | ||||
12 (2) | 13 | ||||
11 (2) | 12 | ||||
10 (2) | 11 | ||||
9 (2) | 10 | ||||
8 (2) | 9 | ||||
7 (2) | 8 | ||||
6 (2) | 7 | ||||
5 (2) | 6 | ||||
4 (2) | 5 | ||||
3.6 | 4 | ||||
3.5 | |||||
3 | |||||
2 |
Safari on iOS | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Android Chrome | Android Firefox | IE Mobile | Android UC Browser | Samsung Internet | QQ Browser | Baidu Browser | KaiOS Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|
15 | all (1) | 94 | 10 (1) | 64 | 94 (3,4) | 92 | 11 (1) | 12.12 | 15.0 (3,4) | 10.4 | 7.12 | 2.5 (3) |
14.5-14.8 | 4.4.3-4.4.4 | 7 | 12.1 (1) | 10 (1) | 14.0 (3,4) | |||||||
14.0-14.4 | 4.4 | 12 (1) | 13.0 (3,4) | |||||||||
13.4-13.7 | 4.2-4.3 | 11.5 (1) | 12.0 | |||||||||
Show all | ||||||||||||
13.3 | 4.1 | 11.1 (1) | 11.1-11.2 | |||||||||
13.2 | 4 | 11 (1) | 10.1 | |||||||||
13.0-13.1 | 3 | 10 (1) | 9.2 | |||||||||
12.2-12.5 | 2.3 | 8.2 | ||||||||||
12.0-12.1 | 2.2 | 7.2-7.4 | ||||||||||
11.3-11.4 (1) | 2.1 | 6.2-6.4 | ||||||||||
11.0-11.2 (1) | 5.0-5.4 | |||||||||||
10.3 (1) | 4 | |||||||||||
10.0-10.2 (1) | ||||||||||||
9.3 (1) | ||||||||||||
9.0-9.2 (1) | ||||||||||||
8.1-8.4 (1) | ||||||||||||
8 (1) | ||||||||||||
7.0-7.1 (1) | ||||||||||||
6.0-6.1 (1) | ||||||||||||
5.0-5.1 (1) | ||||||||||||
4.2-4.3 (1) | ||||||||||||
4.0-4.1 (1) | ||||||||||||
3.2 (1) |
Notes
Favicon support is a complicated topic. See this guide for more information.
See also PNG favicons.
Does not use favicons at all (but may have alternative for bookmarks, etc.).
Partial support in Firefox before version 41 refers to only loading the SVG favicon the first time, but not on subsequent loads.
Requires the served mime-type to be
image/svg+xml
.Chromium browsers serve the SVG in secure static mode, but apply SMIL animations using the document start time (0).
Chromium browsers serve the SVG in secure static mode, but apply SMIL animations using the document start time (0).
Resources
- Chrome bug
- Firefox bug, highlights comment that confirms note #4
- WebKit feature request bug
- How to favicon in 2021
Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/link-icon-svg