How to Set Up an SVG Favicon for iOS Safari
Configure SVG-based favicons and home screen icons that display correctly across iOS Safari and home screen bookmarks.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
iOS Safari Favicon Support
iOS Safari has historically had limited support for SVG favicons in the browser tab, so provide a PNG fallback via apple-touch-icon for home screen bookmarks alongside your SVG favicon link tag.
- Add a PNG apple-touch-icon link tag for home screen bookmark icons
- Keep the SVG favicon link tag for browsers with full support
- Test on an actual iOS device since simulator behavior can differ
Complete Favicon Markup
Combine an SVG favicon link, an ICO fallback for older browsers, and an apple-touch-icon PNG to ensure consistent icon display across all platforms including iOS home screen bookmarks.
- Include rel='icon' SVG link as the modern primary favicon
- Add rel='alternate icon' with an ICO file as universal fallback
- Add rel='apple-touch-icon' PNG sized 180x180 for iOS home screens
Frequently Asked Questions
Does iOS Safari support SVG favicons in the browser tab?
Support has improved in recent iOS versions, but providing a PNG apple-touch-icon fallback ensures consistent results across all iOS versions and home screen bookmarks.
What size should the apple-touch-icon PNG be?
180x180 pixels is the standard recommended size for apple-touch-icon to display sharply on modern iOS device home screens.
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