Free tool
CSS gradient to SVG
Paste a CSS linear-gradient — with or without the background: wrapper — and get a ready-to-use SVG, plus an optional PNG export. Preview updates live.
Paste gradient CSS
Export size
Radial and conic gradients aren't supported yet — linear only.
Paste a gradient on the left to preview it here.