Resize SVG — Width, Height & ViewBox Fixer
Inspect width, height and viewBox, then resize SVG exports without breaking responsive scaling. Useful for tricky design handoff files.
Developer notes
• Uses existing viewBox first to preserve aspect ratio. • When viewBox is missing, it can infer one from current dimensions. • Best suited to normal exports with numeric width/height values. • Pair with validate-svg if you also want title/desc guidance.
When teams pick this route
• Fix SVGs that scale oddly in responsive layouts. • Normalize oversized design exports before shipping. • Add viewBox to old assets that only declare width/height. • Generate a smaller inline badge without re-exporting from Figma.
Worked examples
Export with fixed dimensions only
Sample input
Output
Preserve the ratio from viewBox
Sample input
Output
Navigate related SVG tools
Need encoded CSS output? Try SVG to Data URI. Validate accessibility with validate SVG or browse the SVG tools hub.
Resize SVG FAQ
Dimensions and responsive scaling
Why does viewBox matter?
It defines the internal coordinate system that lets SVG scale predictably in responsive layouts.
Can it infer missing dimensions?
It can infer a missing width or height when a valid ratio already exists.
Will it fix every broken export?
It handles common width/height/viewBox cases, but unusual transforms may still need manual review.
More SVG tools
Looking for converters, encoders, formatters, and minifiers in one place? Developer tools hub Open the curated developer tools catalogue.