
Multi Coloured Icon Fonts by Hue Type
Shared icon library for design teams — Figma + CSS recolour
13 followers
Shared icon library for design teams — Figma + CSS recolour
13 followers
Hue Type gives design teams a single place to build and manage their icon font. Share one Figma plugin token with your team. Every designer imports icon frames directly — no manual SVG export. Export a single WOFF2 colour font your whole product references. One CSS variable recolours every icon at runtime. No re-exports for dark mode or brand variants. • ~30x smaller than SVG sprite files • Free. Works with any Figma file. Browser support: Chrome 98+, Firefox 107+, Safari 15.4+




Hey PH 👋 I'm Sunny, maker of Hue Type.
The problem I kept hitting: design teams with 200+ icons across 4 brand colours and a dark mode. Every colour variant meant a separate Figma export, a separate sprite file, a separate PR. Constant sync issues. No single source of truth.
COLRv1 fonts solve it. One font file — CSS controls the colour at runtime. Share a single Figma plugin token with your team, every designer imports icons directly from Figma, one WOFF2 ships.
No more per-team exports. No more colour variant sprite files.
Hue Type makes this easy — no Python, no fonttools, no terminal. Free.
Happy to answer questions about the Figma workflow, the COLRv1 format, or the build.
→ huetype.sunnyallan.design