SVG viewBox Calculator
Calculate SVG viewBox values from x, y, width, height, and padding.
About This Tool
Add padding around a shape's coordinates and dimensions to calculate a practical SVG viewBox.
Use it when building icons, cleaning logo SVGs, or fixing shapes that are clipped by the current viewBox.
viewBox
-8 -8 136 96
Preview
Output
How to Use
- 1
Enter the values you need or paste your text into the input area.
- 2
Adjust any options, units, or settings for your exact use case.
- 3
Review the result and copy it into your document, workflow, or next task.
Features
Instant Results
Outputs update directly in the browser as you enter values.
Browser-Based Processing
Your inputs are handled locally and are not uploaded for calculation.
Simple Inputs
Clear fields and readable outputs keep repeat tasks fast.
Free to Use
Use the tool immediately with no sign-up or installation.
Common use cases
- ›Add viewBox padding so shapes are not clipped.
- ›Match an icon SVG coordinate system to the visible shape.
- ›Generate starter viewBox markup for a new SVG file.