To turn SVG code into a file, paste the complete SVG markup below, confirm it in the live preview, and download either the original vector SVG or a PNG at 1×, 2×, or 4× scale. Parsing and conversion run in your browser, so the artwork is not uploaded.
Paste the full <svg>…</svg> markup — the preview updates live.
SVG keeps it vector; PNG rasterises at your chosen scale.
Copy an icon out of a design tool or a code snippet and you often end up with a block of SVG markup rather than a file. This tool turns that text back into something you can use: a vector .svg file, or a raster .png at the resolution you need.
| Format | Use it for | What to know |
|---|---|---|
| SVG | Logos, icons, websites, design tools, and print | Vector output stays sharp at any size |
| PNG 1× | Documents, messages, and standard-resolution screens | Smallest raster file |
| PNG 2× or 4× | High-DPI screens, larger placement, and print drafts | Larger file with more pixels |
Parsing, preview, and both downloads run entirely client-side, so your markup never touches a server — safe for brand assets and internal graphics.
Paste the full <svg>…</svg> markup into the box above. The tool previews it live, then lets you download it as an .svg file or as a PNG image at 1×, 2×, or 4× scale.
The SVG is drawn onto an HTML canvas at your chosen scale and exported as a PNG. Because SVG is vector, a higher scale gives you a larger, sharper PNG with no blurring — pick 4× for print or high-DPI screens.
No. Everything happens in your browser — parsing, preview, and both downloads. Your markup never leaves your device, which makes this safe for logos and internal assets.
The browser blocks SVGs that pull in external images or fonts when drawing to a canvas. Inline any referenced assets and embed fonts as paths or data URIs, and the PNG export will work. The SVG download is unaffected.