How to Create an Apple Touch Icon from SVG
Export a 180x180 PNG from your SVG logo for crisp iOS home screen icons.
Drop your image here
Supports PNG, JPG, BMP, WEBP up to 5MB
Apple Touch Icon Requirements
iOS requires a raster PNG (commonly 180x180) referenced via <link rel='apple-touch-icon'> — Safari doesn't use SVG for this. Export it from your SVG master for a crisp result at the exact size.
- Apple touch icon must be PNG, not SVG
- 180x180 covers most modern iOS devices
- Export directly from your SVG master logo
Design Considerations
iOS automatically rounds the icon corners and may add a subtle shine on older versions, so design your SVG logo with a full-bleed square background rather than pre-rounded corners.
- Use a full-bleed square; iOS rounds corners itself
- Avoid transparency — iOS adds a white/black backing
- Keep the logo centered with adequate padding
Frequently Asked Questions
Can apple-touch-icon point to an SVG file?
No — iOS requires a PNG for this icon; export a 180x180 PNG from your SVG logo and reference that instead.
Should I round the corners in my SVG before exporting?
No — iOS applies its own corner rounding automatically, so export a full-bleed square PNG from your SVG.
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