徽章
无需注册登录 | 100% 浏览器本地处理
SVG 图标矩阵与徽章生成器
参数化生成 SVG 图标：自定义圆方/六边形边框、多段渐变、状态徽章，并可即时导出框架代码。
100%
添加形状:
Direct canvas editing: select a part, then drag to move. Use the picker’s Replace selected or Add layer modes to build a composite SVG.
尺寸实时预览:
16px
24px
32px
深色界面
icon-generator
多图标雪碧图托盘
固定多个已调整的图标并合成一张符号图。
还没有固定图标。固定图标后即可合成一张图。
AI 提示词与矢量优化
生成 AI 提示词或在画布上优化图标
选择预设，把提示词复制到你的 AI 工具，或在画布上优化图标。
技术文档与工程指南
SVG 图标矩阵与徽章生成器
参数化生成 SVG 图标：自定义圆方/六边形边框、多段渐变、状态徽章，并可即时导出框架代码。
支持的输入来源
目录矢量图标、自定义 SVG 路径与几何徽章模板
导出与编译目标
3D 光效 SVG、512/1024 px PNG 与 WebP 徽章以及结构化 AI 提示词
工程效果与性能
生成小于 2 KB 的清晰矢量徽章，替代体积庞大的位图文件
如何使用SVG 图标矩阵与徽章生成器
-
1
从图标库选择基础图标，或导入自定义 SVG 路径。
-
2
选择徽章外形（超椭圆、圆角矩形、圆形）及边框样式。
-
3
应用多色渐变与 3D 光效，按需添加徽章文字。
-
4
一键导出所需目标尺寸的成品图标。
输入示例
灯笼图标路径 + 徽章文字“NEW”
输出示例
带渐变光效的 512 px PNG 以及配套的 SVG 与 CSS 背景代码
限制事项
- 徽章文字排版取决于所选字体，极小字号下可能出现细微偏移。
- 本生成器的位图导出最大边长为 1024 px。
- 每次运行生成单个徽章；多图标合集请使用雪碧图生成器。
- 导入的 SVG 文件每个上限为 2 MB。
您在此工作台打开或粘贴的文件都在浏览器内本地处理，不会上传到任何服务器。