10

I am designing some icons. To keep the proportions correct, I designed all the glyphs in one artboard.

Now, I want to experiment a little with SVG icons, so I want to export these icons to different SVG files. How do I go about doing this?

I thought that I'd surround each icon with an artboard, then exporting would be easy... Turns out that the Export option has the 'artboards' option, but does not present any workable vector format. The Save for the Web also has the artboards option, but again, only offers gif, jpeg and png formats. The Save-as option does let me save as SVG, but does not offer any way to save the icons into different files.

Also, I have like 150+ icons, so I can't use artboards anyways (CS6 restricts me to 100 artboards only). So I tried to use slices, but where do I go from there?

Any pointers?

Improve this question
0

3 Answers 3

Reset to default
12

In Illustrator CC - the Save As dialogue has a Use Artboards checkbox. Checking this will save each artboard as a separate SVG file (don't forget to select SVG format).

If you have more icons than available artboards, I'd probably just copy/paste the excess into a new Illustrator document.

Source: http://creativedroplets.com/export-svg-for-the-web-with-illustrator-cc/

Improve this answer
6
  • ... and I'm still banging my head for not spotting the "Use Artboards" option in Save As. -_- Thank you :)
    – kumarharsh
    Aug 1, 2014 at 10:19
  • While this was the path I naturally went down, I'm not seeing SVG as a format option. Any ideas?
    – bernk
    Aug 5, 2015 at 23:17
  • 1
    I see the Use artboards and the choice for All or Range at the bottom of the save-as dialog box, but when I save... then are blank. : (
    – sheriffderek
    Sep 22, 2015 at 3:29
  • 1
    Even I'm facing this problem in Illustrator CC. I checked the exported SVG, and there is no path data at all, just the <svg> root element, the fill and stroke colours, and that's all. No <line>, <circle> or anything like that. It was working perfectly in CS6
    – kumarharsh
    Dec 9, 2015 at 12:20
  • There is a bugfix release for CC 2015 that fixes this problem: helpx.adobe.com/illustrator/kb/…
    – Yaba
    Mar 9, 2016 at 11:49
2

You can also use this script https://gist.github.com/TomByrne/7816376/

It export layers in Illustrator in separate SVG.

Improve this answer
1
  • Wow! I'll give this a try... hope this works well!
    – kumarharsh
    May 22, 2015 at 10:24
0

You can try with export section for each svg

Improve this answer
1
  • 2
    The op mentioned that there is no vector format for the export. Can you name program version and add a screenshot showing the needed option?
    – Mensch
    Feb 22, 2016 at 16:10

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Not the answer you're looking for? Browse other questions tagged or ask your own question.