SVG Sprite 生成器
上传多个 SVG 图标，合并生成 SVG symbol sprite 文件，并输出每个图标的 use 引用代码。
拖放 SVG 文件到这里，或点击选择文件
支持多文件同时上传，仅接受 .svg 文件
还没有上传任何图标，上传后可在此预览并重命名
Sprite SVG 输出
use 引用代码
上传多个 SVG 图标，合并生成 SVG symbol sprite 文件，并输出每个图标的 use 引用代码。
拖放 SVG 文件到这里，或点击选择文件
支持多文件同时上传，仅接受 .svg 文件
先选择符合 .svg,image/svg+xml 的文件，再使用「生成 Sprite」完成操作。
SVG 主要描述矢量图形，缩放时可重新绘制；PNG 等位图保存固定数量的像素。将 SVG 转成位图时，导出的宽高决定像素尺寸，后续放大仍可能模糊。
SVG 可能引用本机未安装的字体、远程图片或外部样式。浏览器的跨域与资源加载限制会影响预览和导出；需要可移植文件时应检查这些依赖，并在目标环境重新打开结果。
先检查文件是否属于.svg,image/svg+xml、是否能在本机正常打开，再用较小文件重试。扩展名正确不代表内容一定有效；大文件会增加浏览器内存占用，预览与导出格式请以页面实际提供的选项为准。
先用最小示例验证，再将结果放回实际开发环境检查。语言版本、运行环境、编码和配置项可能与浏览器中的处理规则不同。
本页的主要处理逻辑在浏览器内执行。页面加载资源、打开外部链接，以及带外部地址的内容预览仍可能产生网络请求；“本地处理”并不表示整个网页完全没有网络活动。
先检查输入内容是否完整，以及格式、单位和当前选项是否匹配。重新执行「生成 Sprite」，查看页面的结果或错误提示；可先用少量数据定位问题。
SVG 转 Data URI 编码器 · SVG优化器 · CSS雪碧图生成器 · Favicon 多尺寸 ICO 生成器 · 全部开发工具