How do I add a viewBox when my SVG is missing one?

Paste the file and click Add viewBox to write a root viewBox.

Should I remove width/height after adding viewBox?

Often yes for responsive CSS — use Remove Width/Height next.

Yes. Crop SVG Online works well once framing exists.

FAQ

Quick answers

How do I add a viewBox when my SVG is missing one?: Paste the file and click Add viewBox to write a root viewBox.
Should I remove width/height after adding viewBox?: Often yes for responsive CSS — use Remove Width/Height next.
Can I crop after adding viewBox?: Yes. Crop SVG Online works well once framing exists.
Is adding viewBox free in the browser?: Yes — free, no upload.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B