How to Reference SVG in Meta Tags
Wire up SVG favicons and related meta tags for consistent cross-browser branding.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
SVG-Compatible Meta Tags
Modern browsers accept an SVG favicon via <link rel='icon' type='image/svg+xml' href='icon.svg'>, but pair it with a PNG fallback link for older browsers that don't support SVG favicons.
- Use type='image/svg+xml' for the SVG favicon link
- Include a PNG fallback <link> for older browsers
- Order: SVG first, raster fallbacks after
Beyond the Favicon
theme-color and manifest-referenced icons typically need raster PNG sizes, while the SVG favicon link is the one tag that benefits directly from vector scaling across all screen densities.
- theme-color sets the browser UI accent color
- Manifest icons usually need raster PNG arrays
- SVG favicon scales across all pixel densities
Frequently Asked Questions
Do I still need a PNG favicon if I have an SVG one?
Yes — list the SVG link first for modern browsers, then a PNG/ICO fallback link so older browsers still get a working favicon.
Can the web app manifest icons be SVG?
Some browsers support SVG in the manifest icons array, but PNG remains the safest universal choice for manifest icon entries.
Related guides
Ready to Convert Your Image to SVG?
Free online converter — no sign-up, no watermarks, results in under 3 seconds.
Try It Free — Convert Image to SVG