Turn an SVG logo, icon or illustration into a crisp PNG at exactly the size you need, with its transparent background intact.
No limits or paywall.
Use instantly, no account.
Processed inside your browser.
Clean, full-quality output.
No upload queue or waiting.
Works on phone and desktop.
SVG is perfect for logos and icons on websites: it stays sharp at any size and is often only a few kilobytes. But plenty of places do not accept it. App stores, social networks, email signatures, Word and PowerPoint, many CMS image fields and online forms all want a PNG. Converting is the answer, as long as the PNG looks exactly like the SVG and keeps its transparent background.
This free converter draws your SVG with your browser's own SVG engine, the same one that displays it when you open the file, so gradients, masks, filters, CSS styles and embedded images come out right. Choose any width and height, keep transparency or add a background colour, and download the PNG. Nothing is uploaded.
Before
App icon (SVG)
24 × 24
A vector icon that design tools, app stores and some websites will not accept.
After
PNG, transparent
512 × 512
Small icons start at 512 px on the long side; type any size up to the browser limit.
An SVG is drawn from shapes, so it can be rendered at any size without blur. The PNG is fixed at the size you choose, so pick the largest size you will need.
Drop an .svg file (up to 10 MB) into the converter above, or switch to the code tab and paste the SVG markup.
The width and height start at the SVG's own size (small icons at 512 px). Type a new width; with the aspect lock on, the height follows.
PNG keeps transparency by default. Untick transparency to fill the background with a colour of your choice.
Press Rasterize Vector SVG, compare the result with the original using the slider, then save the PNG.
| Use | Typical size | Tip |
|---|---|---|
| Website icon / favicon source | 512 × 512 | Then create a .ico with the PNG to ICO tool |
| App store or social avatar | 1024 × 1024 | Square SVGs keep their proportions |
| Logo in documents and slides | 1000–2000 px wide | Keep the transparent background |
| Retina web graphics | 2× the displayed size | A 300 px wide logo needs 600 px |
| Print (300 DPI) | inches × 300 | A 2-inch logo needs 600 px |
An SVG is a text file that describes shapes: paths, circles, text and gradients in a coordinate system called the viewBox. A PNG is a grid of pixels. Converting means drawing the shapes onto a pixel grid of the size you choose. Because the shapes are mathematical, the drawing is sharp at 24 px or 4,000 px; the PNG then keeps whatever size you picked.
Many online converters use a JavaScript re-implementation of SVG that misses features. This converter loads the SVG as an image in your browser and draws it onto a canvas, so the result matches what the browser displays. We tested it on 14 files, including the classic Ghostscript Tiger, the Tux penguin and the Wikipedia logo, plus files with CSS classes, clip paths, masks, blur filters, gradients, text and embedded images, and every PNG was pixel-identical to Chrome's own rendering.
When you load an SVG, the size fields start at its own dimensions, read from the width and height attributes in any unit (px, pt, mm, cm, in) or from the viewBox when the size is a percentage. Tiny icons are scaled up so the longer side is 512 px, and very large drawings start at 4,096 px.
PNG supports full transparency, including soft edges, so a round logo stays round on any background and anti-aliased edges blend smoothly. Transparency is on by default for PNG. If a platform shows transparent areas as black, or you need a coloured tile, turn transparency off and pick a background colour.
Need a smaller file and no transparency? Use SVG to JPG, which fills the background with a colour you choose. For websites, PNG to WebP usually halves the file size while keeping transparency.
Browsers draw SVGs used as images in a sandbox. That is what makes conversion safe, and it explains the two things that can differ from your design app:
Developers often have SVG markup rather than a file, for example an icon copied from a component library or a web page. Paste it into the code tab and it renders straight away. Inline SVG copied from HTML usually lacks the xmlns declaration that browsers require for standalone SVG images; the converter adds it for you, along with a viewBox when one is missing, so the drawing scales instead of being cropped.
The colour override option sets one fill and stroke colour for all shapes, a quick way to export white and dark versions of a single-colour icon.
Unreleased logos, client artwork and product icons are confidential. The SVG is read from your disk into the browser, drawn on a canvas and saved as a PNG on your device. No server is involved, no copy is kept, and closing the tab clears everything.
Word, PowerPoint and Google Docs handle PNG reliably; export a 2000 px transparent logo.
Export 1024 × 1024 PNGs from your SVG app icon for stores and launchers.
Upload a sharp square PNG where SVG is not accepted.
Make a 512 px PNG, then a .ico, or a small PNG for signatures.
Drop the SVG into the converter above, set the width and height you need, and press Rasterize Vector SVG. Save the PNG when it appears. PNG is preselected and keeps transparency.
Yes. Areas that are empty in the SVG stay transparent in the PNG. If you need a solid background instead, untick the transparency option and choose a colour.
Export at the largest size you will display it, or twice that for high-density (Retina) screens. A PNG cannot be enlarged later without blur, while the SVG can be re-exported at any size.
The converter uses your browser's own SVG renderer, so the PNG matches what Chrome, Edge, Firefox or Safari shows when you open the SVG. Differences usually come from fonts or linked files: text uses the fonts installed on your device unless they are embedded, and images or fonts linked from another website are not loaded. Convert text to outlines and embed images before exporting.
No. The SVG is read and drawn by your browser, and the PNG is created on your device. Logos and unreleased designs never leave your computer.
Yes. Switch to the code input and paste the markup starting with <svg. SVG copied from a web page often lacks the xmlns attribute; the converter adds it automatically.
SVG files up to 10 MB can be opened. The output size is limited by your browser: desktop browsers handle very large images, while iPhone and iPad Safari allow about 16.7 megapixels, so the converter reduces larger requests on those devices and tells you.
No. The SVG is drawn as an image, and browsers never run scripts in images. That makes it safe to convert SVG files from unknown sources.
Yes. The colour override option replaces the fill and stroke colours of the shapes, which is handy for making a white or black version of a single-colour icon.