Export Multiple PNG Sizes from One SVG

Shipping a single SVG rarely covers the targets that consume it: web layouts want 1x/2x/3x raster fallbacks, desktop and Electron apps expect a fixed ladder from 16 px up, and favicons need their own small set. Re-exporting each size by hand is slow and easy to get wrong. In IconVectors, File → Export → Export to Multiple Bitmaps (Shift+F3) renders every size you tick — plus optional ICO and ICNS files — in one pass, so a full pack comes out of a single dialog.

When to batch-export PNG sizes

• Web UI (1×/2×/3×) — e.g., 24/48/72 px or 20/40/60 px for crisp retina assets.
• Electron/desktop apps — common PNG sizes: 16, 24, 32, 48, 64, 128, 256.
• Favicon packs — 16, 32, 48 px PNGs alongside favicon.ico if needed.
• Multi-target builds — generate PNG, ICO, and ICNS together from the same dialog when one icon ships to several platforms.

Step-by-step in IconVectors

1. Open, draw, or import your SVG icon.
   • Open existing SVG: File → Open... (Ctrl+O)
   • Create from scratch: New Icon (Ctrl+N), then draw shapes and paths

   

2. Open the multi-export dialog: File → Export → Export to Multiple Bitmaps (Shift+F3). Every size and format you select here is rendered together when you confirm.
3. Configure the export in the dialog:

   

   • Destination (left pane) — choose the folder where the files will be generated.
   • Base Filename — enter the root name (no extension). Size suffixes and extensions are added automatically.
   • File Formats — check PNG Icons (*.PNG) – 32BPP Alpha Channel Transparency to create PNGs. You can also tick Windows Icons (*.ICO) and Mac OSX Icons (*.ICNS) if you want those formats generated in parallel.
   • Sizes Based on Native Size — quick multipliers (1×, 1.25×, 1.5×, 2×, 3×, 4×, 5×, 10×). Useful if your SVG canvas defines a base size (e.g., 24 px).
   • Sizes In Pixels — tick exact sizes. Common sets:
     • Web UI: 24, 48, 72
     • Electron/Desktop: 16, 24, 32, 48, 64, 128, 256
     • Favicon PNGs: 16, 32, 48
     Use Add... under Custom to include other dimensions.
   • Colors — for flat, non-alpha formats you can set background, transparency, and matte. PNG 32BPP uses true alpha, so these settings are ignored for PNG output.
4. Pick sizes by use case:
   • Web 1×/2×/3×: if your base is 24 px, tick 24/48/72.
   • Electron/Desktop: tick 16/24/32/48/64/128/256 to cover common launchers and OS caches.
   • Favicons: tick 16/32/48 PNGs. (You can also tick Windows Icons (*.ICO) to produce a favicon.ico simultaneously.)
5. Export — click OK. IconVectors generates every requested size (and any other formats you selected) in one pass. The files land in the target folder, each named with its size suffix.

Notes & troubleshooting

• Blurry edges? Export at integer multiples of your design grid and prefer even stroke widths at small sizes.
• Too many files? Start with a minimal set (e.g., 24/48/72) and add larger sizes only if your platform needs them.
• Keep the master SVG and re-export when requirements change — no re-drawing needed.