A client-side tool that turns variations of an SVG shape into a variable OpenType font.

Name your files as {icon}_{suffix}.svg — files sharing the same {icon} prefix are grouped together. The _base.svg version becomes the default shape, and every other suffix becomes a variation axis. All processing happens in your browser via opentype.js.

For example, dropping icon1_base.svg, icon1_morph.svg, icon2_base.svg, icon2_morph.svg creates a font with one axis (MORPH) that interpolates both icons simultaneously.