Editing Icons With SVG Sprites (section)

== Creating the icons ==
[[file:Illustrator-svg-artboards.png|right|frame|Artboard titles are used for the exported svg filenames and for the object ids in the final svg file.]]
Save all the icons in a single Illustrator document. 

Each icon is in its own layer, and each icon is placed on its own artboard.

Ultimately the illustrator file name becomes a prefix for the icon object ids in the production svg file. So it's a good idea to keep the filename short, and to avoid spaces in the file name.

The artboard names are used in the exported SVG file names, which are in turn used as the object ids of the icons within the final production SVG. It's a good idea to avoid spaces in the artboard titles, and to keep them as short as possible.