: What is the best practice for laying out and exporting custom icons from AI? I'm working on creating completely custom icons with AI and essentially exporting them out as an individual svg icons

@Cugini998

Posted in: #AdobeIllustrator #Icon #Svg

I'm working on creating completely custom icons with AI and essentially exporting them out as an individual svg icons to be used in our app development.

I have been experimenting with different ways to effortlessly layout and export icons from working artboards within AI but not finding it comfortable.

The way I'm doing at this moment is having an main artboard only dedicated to working raw icons laid out in 24x24 grid (block) with subdivisions of 24 (creating lines in every pixel for high accuracy). Each icons are apart one block from each other.

When the icons ready to be exported out as a svg, its moved to a 24px by 24px individual artboards named according to the icon placed inside and the icons itself flattened (Compound Shape). This allows me to export the icons using individual small artboards to be exported as individual svg icons with its own unique name.

But I'm finding this tedious and think that there might be a better way to do this.

Any other way to streamline this process?

Thanks in advance.

Vote Up Vote Down

Login to post a comment!