关于 SVG 转 Iconfont CSS
该工具用于将多个 SVG 图标整理为可复用的 CSS 图标类输出。你可以批量上传 SVG、配置字体名和类名前缀，并直接复制生成的样式代码。
核心功能
- 批量导入 SVG：支持拖拽或文件选择，一次处理多个图标。
- 命名与编码配置：可设置字体名、类名前缀和起始 Unicode 编码。
- 图标预览：支持自定义预览尺寸和颜色，便于检查展示效果。
- 自动生成 CSS：输出包含字体声明与每个图标类的完整样式。
- 快速复制：一键复制生成的 CSS 到项目中使用。
使用说明
- 上传 SVG 文件并确认图标列表内容。
- 配置字体名、前缀和编码起始值。
- 调整预览大小与颜色，检查是否满足设计要求。
- 复制 CSS 输出并接入你的样式文件。
适用场景
- 维护企业内统一图标体系。
- 在不引入额外构建插件时快速生成图标类。
- 对旧项目做 SVG 图标向类名调用的迁移。
常见问题
上传后图标名称冲突怎么办？
工具会尝试生成唯一名称。若你需要固定命名规范，建议在上传前统一文件名。
生成的类名前缀如何设计更安全？
推荐使用项目专属前缀，例如 acme-icon-，避免与第三方样式冲突。