svg-creator

End-to-end procedure for creating SVG assets that render correctly across every consumer (GitHub README, slide deck, web app, mobile email, social card). Each section explains the why so you can adapt — don't follow them mechanically.

The viewBox rule (everything else hangs off this)

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 W H" width="W" height="H">

The viewBox must start with 0 0 and use the actual content dimensions. No offsets like viewBox="120 40 660 420". No padding.