How the icon sheet generator works
Drop a folder of SVG icons. They are sorted by file name, fitted into equal cells on a grid, and labelled with their names.
Adjust columns, icon size, gap, background and labels and the preview updates instantly, because the sheet is itself an SVG
document assembled in your browser — each icon becomes a nested <svg> with its original
viewBox, so nothing is rasterised until you ask for a PNG. Files never leave your device.
Getting a good sheet
- Columns — 8–12 suits most sets; use fewer with larger icons for detailed illustrations.
- Icon size — 48–64 px shows outline weight clearly; 24–32 px mimics real UI size and is the honest test of legibility.
- Recolour — paint all icons one colour to compare shape and weight without colour noise; turn off for multi-colour sets.
- Background — try the sheet on dark as well as light; icons that vanish on one of them need attention.
- Title — adds a heading, useful for versioned previews (“Outline set v2 – 240 icons”).
Exporting
Download PNG renders the sheet with your browser at 1–4×; 2× is right for screens and marketplaces, 3–4× for print. Download SVG gives you the vector sheet, which opens in Figma, Illustrator or Inkscape as a single artboard and prints at any size. To fix colour inconsistencies the sheet reveals, use the SVG Color Changer; to publish the set for use on the web, build a sprite.