Today I Learned

A Hashrocket project

Export SVGs with Ease in AI

If you’re tired of exporting SVG icons individually, follow these 5 easy steps:

  1. Size your icons to scale in one artboard (make sure all elements of each icon are grouped)
  2. Select your “Artboard” tool in the menu and then click each of your icons, which will assign their own respective artboard.
  3. Open Artboards window (Window > Artboards) and name each icon’s artboard (this will become the filename suffix)
  4. Save As > Select “SVG” as format and make sure “Use Artboards” and “All” are both selected. Your file name will become your prefix (AI adds a “_” to separate your suffixes).
  5. Pick up the pieces after your mind is blown.