Drop SVGs and raster images to build a single SVG sprite. Each becomes a <symbol> you can reference with <use href="#name"/>. Raster inputs default to lossless — flip to WebP only if you want a smaller sprite.
Sprite Settings
Sprite Filename
.svg
Raster Encoding
Original keeps the source bytes exactly (no quality loss).WebP re-encodes for a smaller sprite — pick a quality only if you're OK trading fidelity for size.
Drop Images
Drop files here or click to browse
Accepts SVG, PNG, JPG, WebP, GIF, BMP. Everything runs in your browser.
Icons
Drop SVG or image files above to see them here.
Drop files on the left — the preview and usage snippets appear here.
Library
Saved sprites are kept in your browser — click Save to Library above.