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.

Size sets by platform

Each platform expects its own ladder of pixel sizes. Export the set for the targets you ship to, all from the same SVG in one pass:

Windows and macOS want their sizes packed into a single .ico or .icns rather than loose PNGs. IconVectors can tick those formats in the same dialog. For the full desktop workflow, see Complete Windows App Icon Set.

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.