SVG 图标合并 / Sprite 生成器本地处理 · 0 次网络请求

把多个 SVG 粘贴进来（每行一个文件，或按 — name.svg — 分段），自动合并为单 sprite.svg + 可直接预览的演示页 + PNG 雪碧图。

图标 ID 前缀演示尺寸（px）雪碧图列数

INPUT · 每行一段或 — name.svg — 分隔

OUTPUT · sprite.svg

等待输入

怎么用？

输入格式：可选择每行一个 <svg>…</svg>（自动顺序命名），或用 — check.svg — 这种标记自定义 ID 与顺序。重复 ID 会自动加序号。

使用 sprite：把 sprite.svg 放在站点根目录，HTML 里写 <svg width="24" height="24"><use href="/sprite.svg#icon-check"/></svg>，样式 fill: currentColor 跟随文本色。

页面更新：2026-10-11 · 本地处理与使用边界