Media
SVG Sprite Sheet 生成器
上传最多 30 个 SVG 图标，合并为单个 sprite sheet：<symbol> 模式用于页面内联 <use>，<view> 模式用于外部文件片段引用。自动补全 viewBox（由 width/height 推导）、去除重复图标、可选剥离 fill/stroke 以配合 currentColor、始终清理 <script> 与 on* 事件属性，并生成 HTML / React / Vue / CSS 使用代码片段与每个图标的实时预览。
html· HTML 结果打开工具
快速开始
用三种语言从你的代码中调用此工具。
cURL
# 1) Request a presigned URL → returns { uploadUrl, storageKey }
curl -X POST 'https://api.elysiatools.com/api/upload/presign/svg-sprite-generator' \
-H 'Content-Type: application/json' \
-d '{"filename":"svgFiles.ext","contentType":"application/octet-stream","size":12345}'
# 2) PUT the file bytes directly to the presigned uploadUrl
curl -X PUT '<presigned uploadUrl>' \
--data-binary @/path/to/file.ext
# 3) Call the tool, passing the returned storageKey for each file field
curl -X POST 'https://api.elysiatools.com/zh/api/tools/svg-sprite-generator' \
-F 'svgFiles=uploads/2026/01/01/your-tool-1700000000000-abc123.ext' \
-F 'spriteType=symbol' \
-F 'idPrefix=' \
-F 'stripColor=false' \
-F 'dedupe=true'