操作
上传 5 个 SVG 图标
输出
合并的 sprite.svg + 引用代码
dev / 可用工具
SVG 图标 Sprite 合并工具
上传多个 SVG 图标文件后自动合并为一个 SVG Sprite 文件，生成 symbol 引用代码，支持下载。
SVGSprite图标
在线工具
SVG Sprite 合并器
点击或拖拽多个 SVG 文件到此处
已添加的图标
0 个
使用代码
上传 SVG 文件后生成使用代码
合并后的 SVG Sprite
使用场景
- 合并项目中的 SVG 图标
- 减少 HTTP 请求
- 统一图标管理
如何使用
- 1. 拖拽多个 SVG 文件
- 2. 预览合并的图标
- 3. 下载 Sprite 文件
示例输入输出
FAQ
合并后怎么使用？
使用 <svg><use href="#icon-name" /></svg> 语法引用，或外部文件引用 sprite.svg#icon-name。
工具列表
相关推荐
你可以从这里继续打开相近场景的工具，减少重复搜索。