SVG viewBox Editor
Paste SVG code and adjust its viewBox, width and height live
도구를 불러오는 중…
🔒 Everything runs 100% in your browser. Your files and input are never uploaded to any server.
This tool lets you paste raw SVG markup and fine-tune the viewBox's minX, minY, width and height along with the width/height attributes using simple number fields, with instant live preview. It's handy for developers and designers who need to fix cropped icons, adjust padding, or debug a broken viewBox visually. Everything runs client-side in your browser, so nothing is uploaded to a server.
How to use
- Paste your SVG markup into the SVG code input box.
- The existing viewBox values auto-fill the Min X, Min Y, Width and Height fields.
- Adjust the number fields and watch the preview panel update instantly.
- Optionally set width/height attributes, then copy the resulting SVG code.
FAQ
- What happens if my SVG has no viewBox attribute?
- The editor falls back to the SVG's width and height attributes to estimate an initial viewBox.
- Is my SVG code sent to a server?
- No. Parsing and serialization happen entirely in your browser using DOMParser and XMLSerializer — nothing leaves your device.
- What if I paste invalid SVG code?
- If parsing fails or no svg element is found, an error message appears in the preview area instead of a broken render.