← Back to release summary

Support for SVG in favicons

Category

Miscellaneous

Type

New or changed feature

Status

Enabled by default (Chrome 80)

Intent stage

Evaluate readiness to ship

• Breaking change: No
• Enterprise impact: None
• Spec maturity: Unknown status
• Web Platform Tests: No

WPT details: This feature is highly UI-dependent, and what favicon is selected (and which format it is in) is decided by the UA.

Summary

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.

Standards & signals

• Specification: https://html.spec.whatwg.org/#rel-icon
• Firefox: Shipped/Shipping
• Safari: No signal — Supported for rel="mask-icon" (with restrictions) but not rel="icon".
• Web developers: Positive
• Tracking bug: https://bugs.chromium.org/p/chromium/issues/detail?id=294179

Ecosystem

• Web Platform Tests: https://wpt.fyi/results/?q=support-for-svg-in-favicons
• Chrome Platform Showcase: https://chrome-platform-showcase.paulkinlan-ea.deno.net/features
• GenDN reference: https://gendn.paulkinlan-ea.deno.net/features
• chrome.dev demos search: https://www.google.com/search?q=site%3Achrome.dev+Support%20for%20SVG%20in%20favicons
• MDN Web Docs: https://developer.mozilla.org/en-US/search?q=Support%20for%20SVG%20in%20favicons
• Baseline status: https://webstatus.dev/?q=Support%20for%20SVG%20in%20favicons

Samples: http://xn--dahlstrm-t4a.net/svg/favicon/favicon.html

View on chromestatus.com