How to Create an SVG for the Web
- Fire up Adobe Illustrator and open your AI file
- Make sure you only had whole shapes by selecting a path and adding/removing overlaying paths as appropriate
- Create a compound path (cmd+8) for each path with differing colours
- Export the artboard (cmd+alt+e)
- Check the resulting SVG file in a text editor; if all you see are a small number of paths then you're onto a winner