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.

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-12-13