What scale should I export app icons and assets at?

Export 2x and 3x for iOS. For Android you need up to 4x to cover xxxhdpi launchers. If you only ship 1x, the asset will look soft on essentially every phone made in the last decade.

Why does my SVG render blank or wrong?

The usual cause is external references the browser will not load in this context: linked images, webfonts, or CSS defined outside the SVG. Inline your styles, convert text to paths, and embed any images as data URIs.

Does the PNG keep transparency?

Yes, by default. Choose “Solid colour” only when the destination cannot handle an alpha channel — some Android drawable contexts and most email clients.

Is there a file size or usage limit?

No. Conversion is unlimited and runs entirely in your browser. A free account is only needed to download the finished PNG.

floow.design

SVG to PNG Converter

Rasterise any SVG at 1x, 2x and 3x, with a transparent or solid background.

Convert freeSign up to download the PNGNo usage limits

SVG markupExport scale

Background

Press “Render PNG” to rasterise your SVG.

Paste SVG markup, choose a scale, and get a PNG back. Transparency is preserved by default, or you can flatten onto a solid colour if the destination cannot handle an alpha channel.

Useful whenever something in the pipeline refuses SVG — app store listings, certain Android drawables, email, or a stakeholder deck.

Why you still need PNG in a vector world

SVG is the better format almost everywhere it is accepted — it scales without loss and can be restyled with CSS. The problem is where it is not accepted. App Store Connect and Play Console both want raster assets, several Android drawable contexts behave unpredictably with vectors, and most email clients ignore SVG entirely. Rasterising is the bridge between a vector source of truth and those destinations.

Why 1x, 2x and 3x

iOS devices render at 2x and 3x pixel density, and Android spans mdpi through xxxhdpi. Exporting a single 1x PNG guarantees a blurry asset on nearly every phone shipped in the last decade. Export every density you need at conversion time rather than letting the device upscale.

Keep the SVG as the source of truth

A PNG is a dead end — it cannot be recoloured, rescaled or themed without going back to the original. Treat rasterisation as the last step before handoff and keep vectors in the design system. This matters most for icons, which frequently need a dark-mode variant later.

How to use the svg to png converter

Paste your complete <svg>…</svg> markup into the input, replacing the sample.
Pick an export scale — 2x and 3x cover current iPhones, and Android needs up to 4x for xxxhdpi.
Choose transparent to preserve the alpha channel, or flatten onto a solid colour if the destination needs it.
Press “Render PNG” and check the output dimensions shown beneath the preview.
Download the PNG, and keep the original SVG as your source for future recolours.

Use it with

App Icon Generator — Upload one square icon and get every iOS and Android size, packaged and ready to drop into your project.
WebP Converter — Convert PNG and JPEG to WebP, or WebP back out, with a quality slider and a live size comparison.
Blob Generator — Generate organic blob shapes as SVG, for backgrounds, masks and decorative fills.

Frequently asked questions

What scale should I export app icons and assets at?: Export 2x and 3x for iOS. For Android you need up to 4x to cover xxxhdpi launchers. If you only ship 1x, the asset will look soft on essentially every phone made in the last decade.
Why does my SVG render blank or wrong?: The usual cause is external references the browser will not load in this context: linked images, webfonts, or CSS defined outside the SVG. Inline your styles, convert text to paths, and embed any images as data URIs.
Does the PNG keep transparency?: Yes, by default. Choose “Solid colour” only when the destination cannot handle an alpha channel — some Android drawable contexts and most email clients.
Is there a file size or usage limit?: No. Conversion is unlimited and runs entirely in your browser. A free account is only needed to download the finished PNG.