How to Convert SVG Icons to PNG for App Development

July 4, 2026 · 4 min read

I spent a Tuesday afternoon last month generating 47 app icons for a client's iOS release. The designer delivered everything as SVGs — which is great for source files but useless when Xcode demands PNGs at specific sizes. Every icon needed 1x, 2x, and 3x variants. By hand, that would have been 141 individual exports. I finished in under two minutes.

Why SVGs for Source, But PNGs for Delivery

SVG is the perfect source format for icons: vector, tiny file size, edit in any tool. But iOS asset catalogs and Android drawable folders do not accept SVG. They want PNG at specific pixel dimensions. So the workflow is: design everything as SVG, then batch-convert to PNG at the exact sizes each platform requires. I use svg2png.org's icon converter for this — drop all 47 icons, set your resolution, and download the batch. All local, no upload.

The Resolution Matrix I Actually Use

Apple's HIG specifies that tab bar icons should be 25x25pt — which means you need 25px, 50px, and 75px PNGs. Rather than doing math every time, I set the target resolution in the converter and let it handle the scaling. Try the free SVG icon converter →

Transparency Is Non-Negotiable

I once received a batch of "converted" icons from a junior designer who used a tool that filled all transparent areas with white. The icons looked fine in isolation but broke completely on the app's dark background. Check your output. If the PNG has a white background where the SVG was transparent, the converter is broken. Our SVG to PNG converter preserves alpha channels — including partial opacity on shadow effects and overlays.

Written by Jamie Park — UI/UX Designer. I design interfaces and convert a lot of SVGs. More about me →