Can I make a rounded SVG rectangle with a gradient border?

Yes. Paste a rounded rect (or sample) and click Apply rounded border.

Does rx/ry corner radius stay after applying the border?

Yes. Corner radii remain; only the border paint is updated.

Use Transparent-Fill Border to keep the interior clear.

Yes — free, runs in your browser with no upload.

FAQ

Quick answers

Can I make a rounded SVG rectangle with a gradient border?: Yes. Paste a rounded rect (or sample) and click Apply rounded border.
Does rx/ry corner radius stay after applying the border?: Yes. Corner radii remain; only the border paint is updated.
Want a transparent fill inside the frame?: Use Transparent-Fill Border to keep the interior clear.
Is the rounded border tool free to use?: Yes — free, runs in your browser with no upload.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B