wizicon

Browser support

What works where, and the quirks worth knowing.

wizicon runs anywhere <canvas> and <link rel="icon"> work — that's every modern browser.

BrowserAnimationBadgeEmojiNotes
ChromeSmoothest of the three.
FirefoxRenders every href change.
SafariAggressive favicon caching — wizicon busts it.

Caveats

  • Pinned tabs in Safari sometimes lock to the original mask icon — that's a Safari decision, not something the page can override.
  • Cross-origin logos must serve crossorigin: anonymous headers, otherwise the canvas tainting protection blocks toDataURL. Same-origin logos are always fine.
  • Hidden tabs pause the animation loop. The favicon stays on the last drawn frame; the loop resumes when the tab becomes visible.

On this page