图标生成器
挑一个内置图标,调色后导出 SVG。
⭐图标生成器
全部处理在本地完成功能说明
「图标生成器」是一个内置常用线性图标的 SVG 生成工具,按标准码表实现双向转换,遇到非法字节会定位到具体位置,而不是静默丢弃。
图标全部按 24×24 网格自绘,路径简单、体积极小,可直接内联进 HTML 用 currentColor 跟随文字颜色。线宽建议 1.5–2,过细在低分辨率屏幕上会发虚,过粗会让小尺寸图标糊在一起。
使用方法
- 在页面上方的输入框中填入需要处理的内容,或点击示例按钮载入一段演示数据。
- 按需调整下方的选项,例如输出格式、分隔符、大小写或精度等参数。
- 点击主按钮开始处理,结果会实时显示在输出区域,无需等待页面跳转。
- 确认结果无误后,点击右上角的复制按钮,或使用下载按钮保存为本地文件。
使用技巧与注意事项
建议在粘贴前先清理多余的空格与换行,能得到更准确的结果。
常见问题
可以。把 stroke 改成 currentColor 后内联,图标颜色就会跟随文字颜色,还能用 CSS 控制尺寸,比引用图片更灵活。
是按 24×24 网格自行绘制的通用线性图形(房子、放大镜、齿轮等),属于常见的基础几何构图,不涉及抄袭。
矢量图形在非整数缩放时会产生半像素抗锯齿。尽量用偶数尺寸(16/24/32/48)并保持线宽为整数,可明显改善。
说明原始字节不是该编码的合法序列,通常是编码选错了。
不需要。本工具完全免费,打开页面即可直接使用,没有次数限制,也不需要注册账号或登录。
不会。所有计算都在你的浏览器本地完成,输入内容不会发送到服务器,也不会被记录或保存。
可以。页面采用移动优先的响应式设计,在手机和平板上按钮尺寸与输入框都经过适配,横竖屏都能正常操作。
可以。输出区域右上角有复制按钮,一键复制到剪贴板,也可以下载为文本文件后再使用。