SVG to PNG Icon Extractor
Paste SVG code or upload an SVG file to generate PNG versions at multiple standard sizes — from 16x16 favicons to 512x512 app store icons. Select which sizes you need, choose a background color or keep it transparent, and download each PNG individually. Ideal for preparing favicons, PWA icons, app store assets, notification icons, and any scenario where you need the same icon at multiple resolutions. All rendering happens in your browser using Canvas API — your SVG code stays on your device. No design tools required.
How to Use
- 1
Add Your SVG
Paste SVG code directly into the text area or upload an .svg file from your device. The SVG preview updates immediately.
- 2
Select Output Sizes
Check the sizes you need — from 16x16 for favicons to 512x512 for app store icons. You can also enter a custom size for non-standard requirements.
- 3
Set Background
Choose transparent (default) or a custom background color. App store icons typically require opaque backgrounds, while web favicons work best with transparency.
- 4
Export PNGs
Click Export to generate all selected sizes. Preview each result and download individually. The filename includes the size for easy organization.
Examples by Niche
Export your app icon SVG to 48x48, 72x72, 96x96, 128x128, 144x144, 192x192, 256x256, and 512x512 for the complete PWA manifest icon set.
Generate 16x16 and 32x32 PNGs from your logo SVG for browser tab favicons, plus a 180x180 for Apple touch icons.
Export icon SVGs at 1x (24px), 2x (48px), and 3x (72px) for developers implementing icons across different screen densities.
Convert your company logo SVG to a 64x64 PNG for email signatures — email clients do not support SVG, so PNG is the reliable choice.
Frequently Asked Questions
What sizes are supported?
Standard presets include 16x16, 32x32, 48x48, 64x64, 128x128, 256x256, and 512x512 pixels. You can also enter a custom size for non-standard requirements.
Can I keep a transparent background?
Yes, transparent is the default. You can also set a custom background color if your icon needs one — useful for app store icons that require opaque backgrounds.
Does it preserve SVG quality?
The SVG is rendered at each target size using the browser engine, which rasterizes it cleanly. Since SVGs are vector-based, they produce crisp PNGs at any size without pixelation.
Can I paste SVG code instead of uploading a file?
Yes, you can either paste SVG markup directly into the text area or upload an .svg file. Both methods work identically.
Related Tools
Favicon Generator
Generate favicons from text or images in multiple sizes with manifest.json and HTML snippets.
Image Compressor
Compress JPG, PNG, and WebP images client-side with quality control and before/after comparison.
Image Resizer
Resize images to exact dimensions or social media presets with client-side processing.
Image Cropper
Crop images with preset aspect ratios or custom selections directly in your browser.
Image to Base64
Convert images to Base64 data URIs for embedding directly in HTML, CSS, or code.
SVG Optimizer
Minify and optimize SVG files by removing metadata, comments, and unnecessary attributes.