Support for SVG in favicons

Allows using images in SVG format as favicons with <link rel="icon">.

Using a scalable format for favicons allows having fewer such resources in total. For example, a website could have one (or more) hand-tuned icon(s) for small sizes and use a scalable icon as a catch-all.

Comments

An SVG used in this context will render as if was an HTML <img> element equivalent to: <img src="theicon.svg" width="..." height="...">, where the embedding point decides the width and height. It will be treated as being in "secure static mode" (https://svgwg.org/svg2-draft/conform.html#secure-static-mode), but will apply SMIL animations using the document start time (0).

Demo

Specification

Established standard

Status in Chromium

Blink>SVG


Enabled by default (tracking bug) in:

  • Chrome for desktop release 80
  • Chrome for Android release 80

Consensus & Standardization

After a feature ships in Chrome, the values listed here are not guaranteed to be up to date.

  • Shipped
  • No public signals
  • No public signals
  • Positive

Owner

Last updated on 2020-06-15