A Vite plugin that turns SVG icon folders into font assets, CSS classes, and a virtual stylesheet you can import into your app.
Add one plugin to your Vite config, import the virtual stylesheet, and let the plugin generate font assets for your icons.
Powered by a ground-up Rust rewrite of the webfont generation pipeline. Parallel font conversion and native path normalization for fast builds.
Generate HTML, CSS, and multiple font formats during development, with support for inline assets and preload hints during build.
Control file globs, destinations, selectors, class prefixes, codepoints, font formats, template paths, and generator options.
The same Rust engine compiled to WebAssembly. Build icon fonts from SVG text inside a web worker, with no server and no build step.
Browser API
Not using Vite? Call the engine from Node.js or Rust, or run the standalone CLI in scripts and CI.
Which package do I need?
vite-svg-2-webfont uses @atlowchemi/webfont-generator, a native Rust NAPI addon, to transform SVG icon sets into webfont files and matching CSS classes. It is designed for projects that want icon fonts integrated directly into the Vite pipeline.
Continue with Getting Started for installation and setup details.