Multi Coloured Icon Fonts by Hue Type

Hue Type 是一款将 SVG 图标集转换为真正的 OpenType 彩色字体（COLRv1）的工具，支持导出 WOFF2 和 TTF 格式，并附带 CSS font-palette 代码片段。只需一个字体文件，即可通过 CSS 变量轻松改变图标颜色，文件大小相比 PNG 精灵图缩小约 30 倍。

核心功能

Hue Type 的核心在于将 SVG 图标转换为 COLRv1 彩色字体格式。你只需上传 SVG 图标集，工具便会自动生成包含所有图标的字体文件，并输出可直接使用的 CSS 代码。

主要特性

• 体积极致压缩：相比传统的 PNG 精灵图，字体文件体积缩小约 30 倍，大幅提升页面加载速度。
• CSS 一键变色：通过 font-palette 和 @font-palette-values 规则，只需一个 CSS 变量即可改变所有图标颜色，无需额外图片或图标字体。
• 多格式导出：支持 WOFF2 和 TTF 两种字体格式，兼容现代浏览器。
• 免费使用：完全免费，无需注册，上传 SVG 即可生成。

适用场景

• 前端开发：用于构建高性能、可定制的图标系统，尤其适合需要频繁换肤或动态配色的项目。
• 设计系统：统一图标管理，减少资源体积，提升团队协作效率。
• 性能优化：替代传统图标字体或 SVG 雪碧图，减少 HTTP 请求和文件大小。