SVG Sprite Generator

Combine standalone SVG elements into a reusable symbol sprite locally.

Input stays in this browser

Combine standalone SVG files into one reusable symbol sprite locally.

ID prefix

SVG files

Paste complete SVG elements one after another.

2 symbols detected.

Sprite output

<svg xmlns="http://www.w3.org/2000/svg">
  <symbol id="icon-1"  viewBox="0 0 24 24"><path d="M4 4h16v16H4z"/></symbol>
  <symbol id="icon-2"  viewBox="0 0 24 24"><circle cx="12" cy="12" r="8"/></symbol>
</svg>

How it works

Paste SVG elements, choose an ID prefix, and copy a single sprite file containing reusable symbols.

Privacy

SVG source stays in this browser.