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.

  1. Does not use favicons at all (but may have alternative for bookmarks, etc.).

  2. Partial support in Firefox before version 41 refers to only loading the SVG favicon the first time, but not on subsequent loads.

  3. Requires the served mime-type to be image/svg+xml.

  4. Chromium browsers serve the SVG in secure static mode, but apply SMIL animations using the document start time (0).

  5. Chromium browsers serve the SVG in secure static mode, but apply SMIL animations using the document start time (0).

Resources

Data by caniuse.com
Licensed under the Creative Commons Attribution License v4.0.
https://caniuse.com/link-icon-svg