跳到主内容

图标生成器

挑一个内置图标,调色后导出 SVG。

浏览器本地运行无需注册手机可用结果可复制免费

⭐图标生成器

全部处理在本地完成

功能说明

「图标生成器」是一个内置常用线性图标的 SVG 生成工具,按标准码表实现双向转换,遇到非法字节会定位到具体位置,而不是静默丢弃。

图标全部按 24×24 网格自绘,路径简单、体积极小,可直接内联进 HTML 用 currentColor 跟随文字颜色。线宽建议 1.5–2,过细在低分辨率屏幕上会发虚,过粗会让小尺寸图标糊在一起。

使用方法

  1. 在页面上方的输入框中填入需要处理的内容,或点击示例按钮载入一段演示数据。
  2. 按需调整下方的选项,例如输出格式、分隔符、大小写或精度等参数。
  3. 点击主按钮开始处理,结果会实时显示在输出区域,无需等待页面跳转。
  4. 确认结果无误后,点击右上角的复制按钮,或使用下载按钮保存为本地文件。

使用技巧与注意事项

建议在粘贴前先清理多余的空格与换行,能得到更准确的结果。

常见问题

可以。把 stroke 改成 currentColor 后内联,图标颜色就会跟随文字颜色,还能用 CSS 控制尺寸,比引用图片更灵活。
是按 24×24 网格自行绘制的通用线性图形(房子、放大镜、齿轮等),属于常见的基础几何构图,不涉及抄袭。
矢量图形在非整数缩放时会产生半像素抗锯齿。尽量用偶数尺寸(16/24/32/48)并保持线宽为整数,可明显改善。
说明原始字节不是该编码的合法序列,通常是编码选错了。
不需要。本工具完全免费,打开页面即可直接使用,没有次数限制,也不需要注册账号或登录。
不会。所有计算都在你的浏览器本地完成,输入内容不会发送到服务器,也不会被记录或保存。
可以。页面采用移动优先的响应式设计,在手机和平板上按钮尺寸与输入框都经过适配,横竖屏都能正常操作。
可以。输出区域右上角有复制按钮,一键复制到剪贴板,也可以下载为文本文件后再使用。

相关工具

其他分类