Sprite Sheet Generator - Free Online Tool | IconVault
Combine images into one PNG sprite sheet with auto-generated CSS classes. Grid or packed layouts, retina 2x. Free.
Sprite Sheet Generator
Merge images into one PNG sheet with auto-generated CSS classes
Drop images here
Each file becomes one sprite, named after the file. Files never leave your device.
Layout
Blank = square-ish auto
5 of 5 free builds left - everything runs in your browser.
Your sprite sheet appears here
Add images, pick a layout, and build. The PNG and matching CSS download together.
About this tool
IconVault's Sprite Sheet Generator merges your individual images into a single PNG sprite sheet and writes the matching CSS classes for you, one class per sprite with correct width, height and background-position. Each uploaded file becomes one sprite, named after the file, so your classes come out readable like `.sprite-logo`.
Choose a grid layout (auto or fixed columns) or packed rows for mixed sizes, add padding between sprites, and enable Retina 2x to get both 1x and 2x sheets in a ZIP with CSS sized for standard displays. Everything runs locally in your browser: files never leave your device. Free with a daily trial, unlimited with Pro.
Frequently asked questions
Popular searches
More tools
Code Playground
Write HTML, CSS & JS with live preview.
JSON Formatter
Beautify, validate & minify JSON.
Base64 Encoder
Encode & decode text and files.
JWT Decoder
Inspect tokens without sending them anywhere.
Coming soon
CLI
Coming soon
Figma plugin
Coming soon
VS Code extension
Coming soon
Chrome extension
Coming soon
AI icon generator
Coming soon
Team workspaces
Coming soon