Exporting SVG from Illustrator for favicons
Reliable favicon generation depends on a clean SVG: correct viewBox, proper bounds, and no external fonts/images.
Export tips
- Export as a plain/simple SVG when possible.
- Ensure the SVG has a viewBox and the artwork sits within bounds.
- Avoid external fonts/images; outline text if needed.
Empty SVG is common
Sometimes an SVG renders empty due to wrong viewBox or transformed geometry. Using Fit during cropping often helps.
FAQ
Should I outline text?
Yes, unless the font is embedded. Outlining removes dependency issues.
Why do I get extra padding or offsets?
Transforms and artboard settings can shift bounds. Check viewBox and bounds.