How do I give an SVG icon a gradient outline?

Paste the icon SVG and click Apply icon stroke. Stroke paints update in place.

Does this keep icon viewBox sizing intact?

Yes. Samples use viewBox only; sizing attributes stay sensible for icons.

Try Rainbow Stroke for a multi-hue stroke preset.

Yes. Free, no upload — processing stays local.

FAQ

Quick answers

How do I give an SVG icon a gradient outline?: Paste the icon SVG and click Apply icon stroke. Stroke paints update in place.
Does this keep icon viewBox sizing intact?: Yes. Samples use viewBox only; sizing attributes stay sensible for icons.
Need a rainbow outline for the icon?: Try Rainbow Stroke for a multi-hue stroke preset.
Is icon gradient stroke generation private?: Yes. Free, no upload — processing stays local.

Source

Ready

React component

React Native (react-native-svg)

PNG export · 2× for retina

0 B