Favicon.kz

SVG favicon

SVG is the best format for modern favicons: it scales beautifully and stays crisp on high‑DPI screens.

Pros

  • Perfect scaling (no blur).
  • Smaller file size for many logos.
  • Easy to maintain from a single source SVG.

What to watch out for

  • Avoid external fonts/images — embed or convert to outlines.
  • Make sure viewBox and artwork bounds are correct.
  • Keep a favicon.ico fallback.

Basic HTML

<link rel="icon" href="/favicon.svg" type="image/svg+xml">
<link rel="icon" href="/favicon.ico" sizes="any">
Generate SVG + fallback files
Upload one SVG and download a full package.

FAQ

Will Google show my SVG favicon?
Search engines often use a rasterized version. Providing PNG sizes helps.
Can I animate an SVG favicon?
Technically possible, but not recommended for compatibility and UX.