Real vectors. Paths, not pixels. Fill rules survive, so rings and cutouts keep their holes through the font pipeline.
Icons out of Figma.
Into production. One click.
IconKit turns Figma components into icon fonts, SVGs and spritesheets, generated on your Mac and published to your own server.
Getting an icon from Figma into code is still a chore. Export SVGs by hand, run them through IcoMoon or a CLI, fix the fill-rule holes, assign unicodes, write the CSS, and redo all of it every time an icon changes.
IconKit collapses that loop into one button. A Figma plugin that reads the real vector paths, and a macOS app that owns the library, fixes the geometry, and generates fonts, SVGs and spritesheets on your machine. Nothing leaves it unless you publish.
One click
Select a component.
Select a component.
Hit Add. Done.
The plugin extracts the actual <path> data from your component, keeps its fill rules, and hands it to the app. Codepoints, order and ids are assigned for you. Tags come from the component description. The library updates in Figma and in the app at the same moment.
Automatic codepoints. Unicode, order and id are incremented for you. Nobody hand-manages a codepoint table again.
Replace without breaking. A replaced icon keeps its unicode, so every content: "\e0b7" in your CSS still points at the right glyph.
Every format your codebase asks for.
Each project generates an icon font in EOT, SVG, TTF, WOFF and WOFF2 with a ready style.css and demo page, one SVG file per icon, and an SVG spritesheet. Turn each output on or off per project. Download the whole font kit as a zip.
iconfont/fonts/ · style.css · index.html
svg/one file per icon, widths respected
sprite/sprite.svg · sprite.html
Multicolor icons, one codepoint. Color icons ship with COLR/CPAL tables so a single glyph renders in full color where supported, with an IcoMoon-style stacked-layers class as the fallback. Monochrome icons are untouched, byte for byte.
Native, and about half the size.
IconKit moved from Electron to Tauri: a native macOS WebView and a Rust shell, with the generation engine as a single self-contained sidecar. No bundled Chromium. Release notes
IconKit (Tauri)148 MB Previous (Electron)274 MB
Built for real icon work
Everything that happens
Everything that happens
after the first icon.
Multiple projects, one app.
A project is any folder with an icons.json. Create, open, switch, move or delete them from the project bar. Each project has its own exports, metadata and history. Deleted projects go to the Trash, not into the void.
A changelog that draws itself.
Every add, update and delete is recorded per project and grouped by version and date. A year-long contributions heatmap shows when the library moved. Part of IconKit Pro.
Publish to your own server.
Point IconKit at your endpoint, add a token, and the Publish button appears only when the project's content hash has changed. One click zips and POSTs the project. Never automatic, never to a server you don't own.
Figma and the app, always in sync.
The plugin and the app talk over localhost with a live WebSocket. Add from Figma and the app grid updates instantly. Drop SVGs on the app and the plugin sees them. Quit the app and the plugin waits, then reconnects on its own.
Local by default
Your icons never leave your Mac.
No cloud and no account. Publishing and licensing both work without IconKit ever hosting your library.
No cloud, no account. The library is a folder on disk. The app is the server. Delete it and nothing lingers anywhere else.
Offline license. Pro is a signed key you paste once. It is verified on-device, no license server, and works with Wi-Fi off.
Your server, your token. Publishing targets an endpoint you configure. IconKit never sees the destination.
Lives in the menu bar. A native menu bar icon with a status dot, an optional Dock icon, light and dark themes, and one-click updates.
Pricing
Free to use.
Free to use.
No subscription.
Free
$0
- 12 icons
- 1 project
- Font, SVG and sprite exports
- Figma plugin and live sync