SVG 图标矩阵与徽章生成器
参数化生成 SVG 图标：自定义圆方/六边形边框、多段渐变、状态徽章，并可即时导出框架代码。
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.
固定多个已调整的图标并合成一张符号图。
还没有固定图标。固定图标后即可合成一张图。
生成 AI 提示词或在画布上优化图标
选择预设，把提示词复制到你的 AI 工具，或在画布上优化图标。
AI & Procedural 3D Icon Generator - Badge Builder, Lighting & Prompt Studio
Transform flat monochrome UI icons into vibrant 3D squircle app icons, duotone brand badges, and animated micro-interaction vectors. The Procedural Icon Generator combines SVG <feDropShadow> lighting filters, multi-stop gradients, optical padding, and an integrated AI Prompt Studio for Claude, ChatGPT, Midjourney, and v0.
参数化生成 SVG 图标：自定义圆方/六边形边框、多段渐变、状态徽章，并可即时导出框架代码。
76,166 base vector icons + custom geometric primitives + AI style presets
3D-lit SVG, 1024x1024 / 2048x2048 App Store PNG/WebP, AI Engineering Prompts
Generates resolution-independent 3D badge icons at < 2 KB instead of heavy 200 KB raster renders
如何使用SVG 图标矩阵与徽章生成器
-
1
Pick a base icon from the library or import your own SVG path.
-
2
Choose the badge shape (squircle, rounded square, circle) and border.
-
3
Apply gradient stops and 3D lighting, then add badge text if needed.
-
4
Export the ready icon in every target size at once.
A lantern icon path plus badge text "NEW"
PNG 512 with gradient lighting plus matching SVG and CSS background
限制事项
- Badge text metrics depend on the selected font and may shift at small sizes.
- Raster exports are limited to 1024 px per side.
- One badge layout is rendered per run; multi-icon sheets belong to the sprite tool.
您在此工作台打开或粘贴的文件都在浏览器内本地处理，不会上传到任何服务器。