Are my files uploaded?

No. This tool runs entirely in your browser tab. Files are read from your disk into memory and the result is generated locally.

Is it free? Are there limits or watermarks?

Free and open source (MIT). There are no file-size caps, daily quotas, accounts or watermarks.

Does it work offline?

Yes, once the page (and any engine it needs) has loaded, it keeps working without a connection thanks to the service worker cache.

Home / Fonts / Icon Font Generator

Icon Font Generator

Turn a folder of SVG icons into an icon font (TTF, WOFF, WOFF2) with CSS classes and a demo page.

Free, no uploads, no sign-up. Runs 100% in your browser.

How Icon Font Generator works

Each SVG is fitted into the font em square with its transforms, curves are kept as curves, and the glyph is mapped to a private use code point. opentype.js writes the OTF and fonteditor-core converts it to TTF, WOFF and WOFF2.

Input: SVG. Output: OTF, TTF, WOFF, WOFF2, CSS, ZIP.

How to use Icon Font Generator

Drop your SVG icons.
Set the font name, class prefix and first code point.
Download the ZIP with fonts, CSS and a demo page.

Tips

Nothing is uploaded. Your files stay in this browser tab.

Icon Font Generator FAQ

Are my files uploaded?: No. This tool runs entirely in your browser tab. Files are read from your disk into memory and the result is generated locally.
Is it free? Are there limits or watermarks?: Free and open source (MIT). There are no file-size caps, daily quotas, accounts or watermarks.
Does it work offline?: Yes, once the page (and any engine it needs) has loaded, it keeps working without a connection thanks to the service worker cache.

Related tools

SVG Optimizer: Minify SVGs, export JSX or PNG.
Font Converter: Convert fonts between TTF, OTF, WOFF, WOFF2, EOT and SVG, with ready-to-paste @font-face CSS.
Favicon Generator: Full icon packs: ICO, Apple Touch, Android, manifest and HTML.
Text to SVG Path: Turn text in any font into outlined SVG paths or DXF, for logos, laser cutting and icons.