Iconfont Desktop App
A desktop app for building and exporting icon fonts — browse a huge aggregated icon library (Font Awesome, Material Design Icons, Codicon, and your own SVGs), edit monochrome and multicolor glyphs down to individual shapes and colours, then assemble icons into projects mapped to codepoints and export ready-to-use font files.
Iconfont is a desktop app for designers and developers who build their own icon fonts. Instead of hand-assembling glyphs and wiring up codepoints by hand, it turns the whole flow — sourcing icons, editing them, mapping them, and exporting a font — into a single tool.
Highlights
- One library for every icon — a built-in store aggregates thousands of icons from popular sets like Font Awesome, Material Design Icons, and Codicon, sitting alongside any SVGs you bring in. Fast search and tag filters make finding the right glyph quick even across a deep catalog.
- Edit glyphs, not just pick them — every icon opens in an editor that breaks it into its underlying layers. Monochrome icons stay simple; multicolor icons expose each glyph and shape, so you can adjust individual vectors and recolour them from a palette.
- Build a font as a project — icons are collected into a named project where each one is assigned a Unicode codepoint and marked monochrome or multicolor. The project is the font: add, rename, and reorder entries until it’s exactly the set you need.
- Export and ship — when the project is ready, it exports as ready-to-use icon-font files you can drop straight into a website or app.
Build notes
Iconfont is a desktop application built with Electron, with a React and TypeScript interface and a Node.js backend that handles icon parsing, glyph editing, and font generation. The icon store, glyph editor, and shape editor are all rendered as fast, keyboard-friendly panels, and projects are managed locally so the whole workflow stays on your machine.
A desktop tool that takes you from a library of thousands of icons to a custom, codepoint-mapped icon font — editing colours and shapes along the way — and exports it ready to ship.