Issue Building Custom Ionicons Font with

I’ve exported a set of svg icons from illustrator and placed them in the src folder of ionicons. When I run, the resulting font files are messed up. The icons come through, but they are in very oddly proportioned containing shapes.

I’ve set my artboard bounds in illustrator to match the artwork.


I also imported the icons into Icomoon to test and the result looks fine.

Any ideas?

It turns out that this is an issue with Illustrator not the script that creates the font files.

If you try to open and resave an existing SVG, Illustrator will bork your artboard, arbitrarily moving your art to a random position.

The solution is to work from an .ai file, and only export to .svg for the /src directory. Don’t try to modify the .svg files directly within Illustrator.