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

Motivation

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.

Demo

Specification

Specification link


Unknown standards status - check spec link for status

Status in Chromium

Blink>SVG


Enabled by default (tracking bug)

Consensus & Standardization

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

  • Shipped/Shipping
  • No signal
  • No signal
  • Positive

Owner

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).

Search tags

SVG,

Last updated on 2021-08-16